From 1b0f8b78abda51aaab416564417854b068144a74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Fri, 11 Jul 2014 10:46:47 +0200
Subject: [PATCH] Kanban Table styles

---
 app/partials/views/modules/kanban-table.jade | 24 ++++++++++++++++++++
 app/styles/modules/kanban-table.scss         | 12 +++++-----
 2 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/app/partials/views/modules/kanban-table.jade b/app/partials/views/modules/kanban-table.jade
index 8e8e0314..1ccf9c57 100644
--- a/app/partials/views/modules/kanban-table.jade
+++ b/app/partials/views/modules/kanban-table.jade
@@ -13,6 +13,18 @@ div.kanban-table
             h2.task-colum_name
                 span Closed
                 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-inner
             div.taskboard_task-playground.task-column
@@ -21,7 +33,19 @@ div.kanban-table
             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
             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
diff --git a/app/styles/modules/kanban-table.scss b/app/styles/modules/kanban-table.scss
index 2ad3a983..59063b07 100644
--- a/app/styles/modules/kanban-table.scss
+++ b/app/styles/modules/kanban-table.scss
@@ -11,8 +11,9 @@ $column-margin: 0 10px 0 0;
 }
 
 .kanban-table-header {
+    @include table-flex();
     margin-bottom: .5rem;
-    position: relative;
+    overflow: hidden;
     width: 100%;
     .task-colum_name {
         @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 {
     height: 700px;
-    overflow-x: scroll;
-    overflow-y: scroll;
+    overflow: hidden;
+    overflow-x: auto;
     width: 100%;
     .task-column {
         @include table-flex-child($column-flex, $column-width, $column-shrink, $column-width);
         margin: $column-margin;
+        overflow-y: auto;
         padding: 1rem;
         &:last-child {
             margin-right: 0;
@@ -58,7 +60,5 @@ $column-margin: 0 10px 0 0;
 }
 
 .kanban-table-inner {
-    @include table-flex();
-    overflow: hidden;
-    position: absolute;
+    @include table-flex(stretch, stretch, flex, row,  nowrap, flex-start);
 }