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

View File

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