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

Kanban table header icon responsive

stable
Xavier Julián 2014-11-17 16:15:34 +01:00
parent f5c6031262
commit 6d817c2944
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/styles/modules/kanban/kanban-table.scss
View File

@ -11,16 +11,19 @@ $column-margin: 0 10px 0 0;
width: 100%; width: 100%;
.vfold { .vfold {
&.task-colum-name { &.task-colum-name {
@include table-flex();
@include align-items(center); @include align-items(center);
@include justify-content(center); @include justify-content(center);
@include transition(opacity .3s linear); @include transition(opacity .3s linear);
cursor: pointer; cursor: pointer;
opacity: .8; opacity: .8;
padding: .5rem; padding: .5rem 0;
&:hover { &:hover {
.icon.hunfold {
@include transition(opacity .3s linear); @include transition(opacity .3s linear);
opacity: 1; opacity: 1;
} }
}
.icon-plus, .icon-plus,
.icon-bulk, .icon-bulk,
.icon-vfold, .icon-vfold,
@ -28,6 +31,11 @@ $column-margin: 0 10px 0 0;
span { span {
display: none; display: none;
} }
.hunfold {
@include transition(opacity .3s linear);
margin: 0;
opacity: 0;
}
} }
&.task-colum-name, &.task-colum-name,
&.task-column { &.task-column {