From 04bd69f2f5f4e2623209f475e593b312ceccabba Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 4 Mar 2020 15:34:36 +0100
Subject: [PATCH] Add board button

---
 www/kanban/app-kanban.less | 43 ++++++++++----------------------------
 www/kanban/jkanban.css     |  2 ++
 www/kanban/jkanban.js      |  2 +-
 3 files changed, 14 insertions(+), 33 deletions(-)

diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less
index ab1a84359..3e2e1665c 100644
--- a/www/kanban/app-kanban.less
+++ b/www/kanban/app-kanban.less
@@ -14,6 +14,7 @@
     flex-flow: column;
     max-height: 100%;
     min-height: auto;
+    color: @cryptpad_text_col;
 
     @palette0: #888; // Default bg color for header
     @palette1: #FFD4D4;
@@ -174,7 +175,7 @@
             header {
                 display: flex;
                 align-items: center;
-                padding: 13px 10px;
+                padding: 5px 10px;
                 .kanban-title-board {
                     flex: 1;
                     margin-right: 10px;
@@ -219,43 +220,21 @@
             color: inherit;
         }
 
-        @button-size: 50px;
         #kanban-addboard {
             order: 2;
-            margin: 30px;
-            border: 1px solid;
-            width: @button-size;
-            height: @button-size;
-            line-height: @button-size;
-            text-align: center;
-            background: @colortheme_kanban-bg;
+            width: 300px;
+            margin: 10px 5px;
+            border: 1px solid @cryptpad_text_col;
+            height: 40px;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
             align-self: flex-start;
-            font-size: 30px;
+            font-size: 40px;
             cursor: pointer;
             .tools_unselectable();
-        }
-
-/*
-        .kanban-remove-item {
-            padding: 0 0.5em;
-            visibility: hidden;
-        }
-        .kanban-item:hover {
-            .kanban-remove-item {
-                visibility: visible;
-            }
-        }
-*/
-
-        .kanban-additem {
-            float: right;
-            background: #EEE;
-            padding: 5px .5rem 4px;
-            line-height: 1;
-            margin-bottom: 5px;
-            margin-right: 5px;
             &:hover {
-                background: transparent;
+                background-color: rgba(0,0,0,0.1);
             }
         }
 
diff --git a/www/kanban/jkanban.css b/www/kanban/jkanban.css
index b55106958..e6af582ce 100644
--- a/www/kanban/jkanban.css
+++ b/www/kanban/jkanban.css
@@ -9,6 +9,8 @@
     vertical-align: top;
     display: flex;
     flex-flow: column;
+    width: 300px;
+    margin: 10px 5px;
 }
 
 .kanban-board.disabled-board {
diff --git a/www/kanban/jkanban.js b/www/kanban/jkanban.js
index b5f1ec5eb..bb0484dc3 100644
--- a/www/kanban/jkanban.js
+++ b/www/kanban/jkanban.js
@@ -585,7 +585,7 @@
                     boardContainerOuter.appendChild(boardContainer);
                     var addBoard = document.createElement('div');
                     addBoard.id = 'kanban-addboard';
-                    addBoard.setAttribute('class', 'fa fa-plus');
+                    addBoard.innerText = '+';
                     boardContainer.appendChild(addBoard);
                     var trash = self.trashContainer = document.createElement('div');
                     trash.setAttribute('id', 'kanban-trash');