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

Kanban Table styles

stable
Xavier Julián 2014-07-11 10:46:47 +02:00
parent 5e21be7e32
commit 1b0f8b78ab
2 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/partials/views/modules/kanban-table.jade
View File

@ -13,6 +13,18 @@ div.kanban-table
h2.task-colum_name h2.task-colum_name
span Closed span Closed
a.icon.icon-plus(href="", title="Add New task") a.icon.icon-plus(href="", title="Add New task")
h2.task-colum_name
span Task
a.icon.icon-plus(href="", title="Add New task")
h2.task-colum_name
span Open
a.icon.icon-plus(href="", title="Add New task")
h2.task-colum_name
span Ready for test
a.icon.icon-plus(href="", title="Add New task")
h2.task-colum_name
span Closed
a.icon.icon-plus(href="", title="Add New task")
div.kanban-table-body div.kanban-table-body
div.kanban-table-inner div.kanban-table-inner
div.taskboard_task-playground.task-column div.taskboard_task-playground.task-column
@ -21,7 +33,19 @@ div.kanban-table
div.taskboard_task-playground.task-column div.taskboard_task-playground.task-column
div.kanban-task div.kanban-task
include ../components/kanban-task include ../components/kanban-task
div.taskboard_task-playground.task-column
div.taskboard_task-playground.task-column div.taskboard_task-playground.task-column
div.kanban-task div.kanban-task
include ../components/kanban-task include ../components/kanban-task
div.taskboard_task-playground.task-column div.taskboard_task-playground.task-column
div.kanban-task
include ../components/kanban-task
div.taskboard_task-playground.task-column
div.kanban-task
include ../components/kanban-task
div.taskboard_task-playground.task-column
div.taskboard_task-playground.task-column
div.kanban-task
include ../components/kanban-task

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

@ -11,8 +11,9 @@ $column-margin: 0 10px 0 0;
} }
.kanban-table-header { .kanban-table-header {
@include table-flex();
margin-bottom: .5rem; margin-bottom: .5rem;
position: relative; overflow: hidden;
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);
@ -41,12 +42,13 @@ $column-margin: 0 10px 0 0;
.kanban-table-body { .kanban-table-body {
height: 700px; height: 700px;
overflow-x: scroll; overflow: hidden;
overflow-y: scroll; overflow-x: auto;
width: 100%; width: 100%;
.task-column { .task-column {
@include table-flex-child($column-flex, $column-width, $column-shrink, $column-width); @include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
margin: $column-margin; margin: $column-margin;
overflow-y: auto;
padding: 1rem; padding: 1rem;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
@ -58,7 +60,5 @@ $column-margin: 0 10px 0 0;
} }
.kanban-table-inner { .kanban-table-inner {
@include table-flex(); @include table-flex(stretch, stretch, flex, row, nowrap, flex-start);
overflow: hidden;
position: absolute;
} }