Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-10 07:55:25 +02:00
Code Releases Activity

documents list re-styled

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

32
app/app/styles/view/page-documents.scss
View file

@ -48,15 +48,27 @@
} }
.documents-list { .documents-list {
@extend .cards-list; // @extend .cards-list;
margin-top: 35px; margin-top: 35px;
> .document-card { > .document {
@extend .stacked-card; margin: 10px 10px;
margin: 0 0 12px 0; padding: 10px 20px;
width: 100%; width: 100%;
position: relative;
border: 1px solid transparent;
&:hover { &:hover {
> .link {
> .title {
color: $color-link;
}
> .snippet {
color: $color-off-black;
}
}
> .checkbox { > .checkbox {
display: block; display: block;
} }
@ -86,10 +98,22 @@
text-decoration: none; text-decoration: none;
color: $color-off-black; color: $color-off-black;
} }
> .title {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
> .snippet {
color: $color-gray;
font-size: 13px;
}
> .tags { > .tags {
font-size: 0.8rem; font-size: 0.8rem;
color: $color-gray; color: $color-gray;
margin-top: 8px;
.tag { .tag {
background-color: $color-off-white; background-color: $color-off-white;

2
app/app/templates/components/folder/documents-list.hbs
View file

@ -1,6 +1,6 @@
<ul class="documents-list"> <ul class="documents-list">
{{#each documents key="id" as |document|}} {{#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"}} {{#link-to 'document.index' folder.id folder.slug document.id document.slug class="link"}}
<div class="title">{{ document.name }}</div> <div class="title">{{ document.name }}</div>
<div class="snippet">{{ document.excerpt }}</div> <div class="snippet">{{ document.excerpt }}</div>