Add item button

This commit is contained in:
yflory
2020-03-04 14:39:24 +01:00
parent 9b54659e86
commit ea154e9ecc
3 changed files with 25 additions and 4 deletions

View File

@@ -26,7 +26,7 @@
@palette8: #E4CAFF; @palette8: #E4CAFF;
.kanban-board-header { .kanban-board-header {
background-color: #AAA; background-color: #c9c9c9;
} }
.cp-kanban-palette-nocolor { .cp-kanban-palette-nocolor {
@@ -155,6 +155,8 @@
} }
.kanban-board { .kanban-board {
background-color: #eaeaea;
color: @cryptpad_text_col;
header { header {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -174,6 +176,25 @@
cursor: move; 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 { #kanban-edit {

View File

@@ -5,7 +5,6 @@
.kanban-board { .kanban-board {
position: relative; position: relative;
float: left; float: left;
background: #E2E4E6;
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
margin: 10px; margin: 10px;
vertical-align: top; vertical-align: top;

View File

@@ -432,8 +432,9 @@
var footerBoard = document.createElement('footer'); var footerBoard = document.createElement('footer');
footerBoard.classList.add('kanban-board-footer'); footerBoard.classList.add('kanban-board-footer');
//add button //add button
var addBoardItem = document.createElement('button'); var addBoardItem = document.createElement('span');
$(addBoardItem).addClass("kanban-title-button btn btn-default fa fa-plus"); addBoardItem.classList.add('kanban-title-button');
addBoardItem.innerText = '+';
footerBoard.appendChild(addBoardItem); footerBoard.appendChild(addBoardItem);
__onAddItemClickHandler(addBoardItem); __onAddItemClickHandler(addBoardItem);