Kanban table header icon responsive
parent
f5c6031262
commit
6d817c2944
|
@ -11,16 +11,19 @@ $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 {
|
||||
.icon.hunfold {
|
||||
@include transition(opacity .3s linear);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.icon-plus,
|
||||
.icon-bulk,
|
||||
.icon-vfold,
|
||||
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue