taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Attachments module

stable
Xavier Julián 2014-06-11 16:17:58 +02:00
parent 507747be7c
commit 711074eed9
6 changed files with 48 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/fonts/taiga.eot
View File

Binary file not shown.

BIN
app/fonts/taiga.ttf
View File

Binary file not shown.

BIN
app/fonts/taiga.woff
View File

Binary file not shown.

9
app/partials/views/modules/attachments.jade
View File

@ -11,9 +11,12 @@ section.attachments
div.single-attachment div.single-attachment
div.attachment-name div.attachment-name
span.icon.icon-document span.icon.icon-document
a(href="", title="Attachment pefildeusuario.png") pefildeusuario.png a(href="", title="Attachment pefildeusuario.png") pefildeusuariopefildeusuariopefildeusuario.png
div.attachment-comment div.attachment-comment
span Comentario sobre el contenido span Comentario sobre el contenido
span.attachment-size (125kb.) span.attachment-size (125kb.)
a.icon.icon-edit(href="","Edit") a.settings.icon.icon-edit(href="","Edit")
a.icon.icon-drag-v(href="","Drag") a.settings.icon.icon-drag-v(href="","Drag")
a.more-attachments(href="", title="show atachments history")
span + show atachments history
span.more-attachments-num (3 more)

2
app/styles/dependencies/typography.scss
View File

@ -177,7 +177,7 @@ a:visited {
.icon-fontawesome-webfont:before { .icon-fontawesome-webfont:before {
content: 'u'; content: 'u';
} }
.icon-fontawesome-webfont-1:before { .icon-document:before {
content: 'v'; content: 'v';
} }
.icon-clipboard-notes:before { .icon-clipboard-notes:before {

43
app/styles/modules/attachments.scss
View File

@ -1,3 +1,7 @@
.attachments {
margin-bottom: 2rem;
}
.attachments-header { .attachments-header {
background: $whitish; background: $whitish;
@include clearfix; @include clearfix;
@ -21,22 +25,57 @@
@extend %small; @extend %small;
border-bottom: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;
padding: 1rem 0 1rem 1rem; padding: 1rem 0 1rem 1rem;
position: relative;
&:last-child { &:last-child {
border: 0; border: 0;
} }
.attachment-name { .attachment-name {
@include ellipsis(200px);
@include table-flex-child(1, 200px); @include table-flex-child(1, 200px);
padding-right: 1rem;
.icon {
margin-right: .5rem;
}
} }
.attachment-comment { .attachment-comment {
@include table-flex-child(3, 300px); @include table-flex-child(10, 300px);
.attachment-size { .attachment-size {
color: $gray-light; color: $gray-light;
margin-left: .5rem; margin-left: .5rem;
} }
} }
.icon { .settings {
@extend %large; @extend %large;
color: $gray-light; color: $gray-light;
display: none; display: none;
} }
&:hover {
@include transition (background .2s ease-in);
background: lighten($green-taiga, 60%);
.settings {
@include transition (opacity .2s ease-in);
display: block;
position: absolute;
top: 1rem;
}
.icon-edit {
right: 4rem;
}
.icon-drag-v {
cursor: move;
right: 1rem;
}
}
}
.more-attachments {
@extend %small;
border-bottom: 1px solid $gray-light;
color: $gray-light;
display: block;
padding: 1rem 0 1rem 1rem;
.more-attachments-num {
color: $green-taiga;
margin-left: .5rem;
}
} }