From 3eb96fc75ef6ea439883f5b800134bd69763d812 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Gaud=C3=A9?= <bgaude@cadoles.com>
Date: Wed, 17 Jun 2020 11:33:09 +0200
Subject: [PATCH] Amelioration affichage colonnes fermees

---
 client/src/components/BoardPage/BoardPage.tsx |  8 ++---
 client/src/sass/_kanboard.scss                | 33 ++++++++++++++++---
 2 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/client/src/components/BoardPage/BoardPage.tsx b/client/src/components/BoardPage/BoardPage.tsx
index 3ce8806..f186703 100644
--- a/client/src/components/BoardPage/BoardPage.tsx
+++ b/client/src/components/BoardPage/BoardPage.tsx
@@ -195,17 +195,17 @@ export class BoardPage extends React.Component<BoardPageProps> {
             <div className="level-item">
               <span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
             </div>
-            <h3 className="level-item is-size-5">
-              {lane.title}
-            </h3>
             <button className="button is-light level-item is-small expand"
               onClick={this.onMinimizeColumn}>
               <span className="icon">
                 <i className="fas fa-chevron-right" aria-hidden="true"></i>
               </span>
             </button>
+            <h3 className="level-item is-size-5">
+              {lane.title}
+            </h3>
           </div>
-          <div className="level-right">
+          <div className="level-right is-show-expand">
             <button className="button is-light level-item is-small"
               onClick={this.onNewCardClick.bind(this, lane.id)}>
               <span className="icon">
diff --git a/client/src/sass/_kanboard.scss b/client/src/sass/_kanboard.scss
index d88a188..674f199 100644
--- a/client/src/sass/_kanboard.scss
+++ b/client/src/sass/_kanboard.scss
@@ -101,23 +101,41 @@
     scrollbar-color: $grey-lighter, #f1f1f1;
     scrollbar-width: 5px;
 
+    .kanboard-card {
+        display: block;
+    }
+
     &.minimized {
-        max-width: 40px;
-        min-width: 40px;
+        max-width: 70px;
+        min-width: 70px;
         
         writing-mode: vertical-rl;
         text-orientation: sideways-right;
 
+        
+
+        .level-item {
+            margin-right: 0;
+        }
+
+        .level-left {
+            margin-right: 0;
+        }
+
+        .level-right.is-show-expand {
+            display: none;
+        }
+
         .kanboard-lane {
-            margin-right: -1em;
+            /*margin-right: -1em;*/
 
             h3 {
                 margin-top: .5em;
-                margin-right: -.5em;
+                /*margin-right: -.5em;*/
             }
 
             .tag {
-                margin-right: -1em;
+                writing-mode: horizontal-tb;
             }
 
             .expand {
@@ -125,8 +143,13 @@
                 margin-top: .5em;
             }
         }
+
+        .kanboard-card {
+            display: none;
+        }
         
     }
+    
 
     &::-webkit-scrollbar {
         width: 5px;