diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index edf83490f..bc25086b6 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -26,7 +26,7 @@ @palette8: #E4CAFF; .kanban-board-header { - background-color: #AAA; + background-color: #c9c9c9; } .cp-kanban-palette-nocolor { @@ -155,6 +155,8 @@ } .kanban-board { + background-color: #eaeaea; + color: @cryptpad_text_col; header { display: flex; align-items: center; @@ -174,6 +176,25 @@ cursor: move; } } + footer { + padding: 10px; + span { + .tools_unselectable(); + outline: none; + width: 100%; + border: 1px solid @cryptpad_text_col; + border-radius: 0px; + font-size: 40px; + display: inline-flex; + justify-content: center; + align-items: center; + line-height: 1; + cursor: pointer; + &:hover { + background-color: rgba(0,0,0,0.1); + } + } + } } #kanban-edit { diff --git a/www/kanban/jkanban.css b/www/kanban/jkanban.css index 197a2d224..513c16d54 100644 --- a/www/kanban/jkanban.css +++ b/www/kanban/jkanban.css @@ -5,7 +5,6 @@ .kanban-board { position: relative; float: left; - background: #E2E4E6; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); margin: 10px; vertical-align: top; diff --git a/www/kanban/jkanban.js b/www/kanban/jkanban.js index 83efda3a4..b5f1ec5eb 100644 --- a/www/kanban/jkanban.js +++ b/www/kanban/jkanban.js @@ -432,8 +432,9 @@ var footerBoard = document.createElement('footer'); footerBoard.classList.add('kanban-board-footer'); //add button - var addBoardItem = document.createElement('button'); - $(addBoardItem).addClass("kanban-title-button btn btn-default fa fa-plus"); + var addBoardItem = document.createElement('span'); + addBoardItem.classList.add('kanban-title-button'); + addBoardItem.innerText = '+'; footerBoard.appendChild(addBoardItem); __onAddItemClickHandler(addBoardItem);