mirror of
https://github.com/documize/community.git
synced 2025-08-07 14:35:28 +02:00
documents list re-styled
This commit is contained in:
parent
53a25f22a4
commit
fb45915688
2 changed files with 29 additions and 5 deletions
|
@ -48,15 +48,27 @@
|
|||
}
|
||||
|
||||
.documents-list {
|
||||
@extend .cards-list;
|
||||
// @extend .cards-list;
|
||||
margin-top: 35px;
|
||||
|
||||
> .document-card {
|
||||
@extend .stacked-card;
|
||||
margin: 0 0 12px 0;
|
||||
> .document {
|
||||
margin: 10px 10px;
|
||||
padding: 10px 20px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 1px solid transparent;
|
||||
|
||||
&:hover {
|
||||
> .link {
|
||||
> .title {
|
||||
color: $color-link;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
||||
> .checkbox {
|
||||
display: block;
|
||||
}
|
||||
|
@ -86,10 +98,22 @@
|
|||
text-decoration: none;
|
||||
color: $color-off-black;
|
||||
}
|
||||
|
||||
> .title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
> .tags {
|
||||
font-size: 0.8rem;
|
||||
color: $color-gray;
|
||||
margin-top: 8px;
|
||||
|
||||
.tag {
|
||||
background-color: $color-off-white;
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<ul class="documents-list">
|
||||
{{#each documents key="id" as |document|}}
|
||||
<li class="document-card {{if document.selected "selected-card"}}">
|
||||
<li class="document {{if document.selected "selected-card"}}">
|
||||
{{#link-to 'document.index' folder.id folder.slug document.id document.slug class="link"}}
|
||||
<div class="title">{{ document.name }}</div>
|
||||
<div class="snippet">{{ document.excerpt }}</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue