1
0
Fork 0
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:
Harvey Kandola 2016-06-03 13:43:12 +01:00
parent 53a25f22a4
commit fb45915688
2 changed files with 29 additions and 5 deletions

View file

@ -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;

View file

@ -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>