Add item button

pull/1/head
yflory 5 years ago
parent 9b54659e86
commit ea154e9ecc

@ -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 {

@ -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;

@ -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);

Loading…
Cancel
Save