Taskboard tasks refactor

stable
Xavier Julián 2014-07-25 12:28:47 +02:00
parent 46089b5a73
commit 97b676c976
3 changed files with 7 additions and 4 deletions

View File

@ -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,

View File

@ -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;

View File

@ -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;