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

Fix attachments coherence and styles

stable
Xavier Julián 2015-01-15 11:06:57 +01:00
parent 1c2468a2f3
commit b1a0ba2345
1 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/styles/modules/common/attachments.scss
View File

@ -3,8 +3,11 @@
}
.attachments-header {
@include table-flex(space-between, center, flex, row, wrap, space-between);
align-content: space-between;
align-items: center;
background: $whitish;
display: flex;
justify-content: space-between;
padding: .5rem 1rem;
.attachments-title {
@extend %medium;
@ -28,9 +31,9 @@
.single-attachment {
@extend %small;
@include table-flex();
align-items: center;
border-bottom: 1px solid $whitish;
display: flex;
padding: .5rem 0 .5rem 1rem;
position: relative;
&:hover {
@ -59,25 +62,33 @@
.attachment-name {
@extend %bold;
@include ellipsis(200px);
@include table-flex-child(1, 35%, 0);
flex-basis: 35%;
flex-grow: 1;
padding-right: 1rem;
.icon {
margin-right: .5rem;
}
}
.attachment-size {
@include table-flex-child(1, 15%, 0);
color: $gray-light;
flex-basis: 15%;
flex-grow: 1;
margin-right: .5rem;
}
.attachment-comments {
@include table-flex-child(1, 35%, 0);
.attachment-comments,
.editable-attachment-comment {
flex-basis: 35%;
flex-grow: 1;
span {
color: $gray;
}
}
.editable-attachment-comment {
@extend %medium;
}
.attachment-settings {
@include table-flex-child(1, 15%, 0);
flex-basis: 15%;
flex-grow: 1;
.settings,
.editable-settings {
@extend %large;
@ -123,13 +134,11 @@
span {
color: $gray-light;
}
input[type="checkbox"] {
input {
margin-right: .2rem;
vertical-align: middle;
&:checked {
+ span {
color: $grayer;
}
&:checked+span {
color: $grayer;
}
}
}