Taskboard tasks refactor
parent
46089b5a73
commit
97b676c976
|
@ -18,6 +18,7 @@
|
||||||
@include table-flex-child($flex-basis: 50px);
|
@include table-flex-child($flex-basis: 50px);
|
||||||
a {
|
a {
|
||||||
@extend %small;
|
@extend %small;
|
||||||
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
|
@ -26,11 +27,9 @@
|
||||||
figcaption {
|
figcaption {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
top: 4px;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
width: 50px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.task-num {
|
.task-num {
|
||||||
|
@ -38,6 +37,7 @@
|
||||||
margin-right: .5em;
|
margin-right: .5em;
|
||||||
}
|
}
|
||||||
.taskboard-text {
|
.taskboard-text {
|
||||||
|
@extend %small;
|
||||||
@include table-flex-child($flex-grow: 10, $flex-basis: 50px);
|
@include table-flex-child($flex-grow: 10, $flex-basis: 50px);
|
||||||
}
|
}
|
||||||
.icon-edit,
|
.icon-edit,
|
||||||
|
|
|
@ -24,6 +24,7 @@ $column-margin: 0 10px 0 0;
|
||||||
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
|
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
|
||||||
@extend %large;
|
@extend %large;
|
||||||
background: $whitish;
|
background: $whitish;
|
||||||
|
border-top: 3px solid $gray-light;
|
||||||
margin: $column-margin;
|
margin: $column-margin;
|
||||||
padding: .5rem 0;
|
padding: .5rem 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -17,8 +17,9 @@ $column-margin: 0 10px 0 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
.task-colum_name {
|
.task-colum_name {
|
||||||
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
|
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
|
||||||
@extend %large;
|
@extend %medium;
|
||||||
background: $whitish;
|
background: $whitish;
|
||||||
|
border-top: 3px solid $gray-light;
|
||||||
margin: $column-margin;
|
margin: $column-margin;
|
||||||
padding: .5rem 0;
|
padding: .5rem 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -45,6 +46,7 @@ $column-margin: 0 10px 0 0;
|
||||||
|
|
||||||
.kanban-table-body {
|
.kanban-table-body {
|
||||||
@include table-flex();
|
@include table-flex();
|
||||||
|
@extend %medium;
|
||||||
//height: 700px;
|
//height: 700px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
|
|
Loading…
Reference in New Issue