Add board button
This commit is contained in:
@@ -14,6 +14,7 @@
|
|||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
min-height: auto;
|
min-height: auto;
|
||||||
|
color: @cryptpad_text_col;
|
||||||
|
|
||||||
@palette0: #888; // Default bg color for header
|
@palette0: #888; // Default bg color for header
|
||||||
@palette1: #FFD4D4;
|
@palette1: #FFD4D4;
|
||||||
@@ -174,7 +175,7 @@
|
|||||||
header {
|
header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 13px 10px;
|
padding: 5px 10px;
|
||||||
.kanban-title-board {
|
.kanban-title-board {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@@ -219,43 +220,21 @@
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@button-size: 50px;
|
|
||||||
#kanban-addboard {
|
#kanban-addboard {
|
||||||
order: 2;
|
order: 2;
|
||||||
margin: 30px;
|
width: 300px;
|
||||||
border: 1px solid;
|
margin: 10px 5px;
|
||||||
width: @button-size;
|
border: 1px solid @cryptpad_text_col;
|
||||||
height: @button-size;
|
height: 40px;
|
||||||
line-height: @button-size;
|
display: inline-flex;
|
||||||
text-align: center;
|
justify-content: center;
|
||||||
background: @colortheme_kanban-bg;
|
align-items: center;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
font-size: 30px;
|
font-size: 40px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
.tools_unselectable();
|
.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 {
|
&:hover {
|
||||||
background: transparent;
|
background-color: rgba(0,0,0,0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -9,6 +9,8 @@
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
|
width: 300px;
|
||||||
|
margin: 10px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kanban-board.disabled-board {
|
.kanban-board.disabled-board {
|
||||||
|
|||||||
@@ -585,7 +585,7 @@
|
|||||||
boardContainerOuter.appendChild(boardContainer);
|
boardContainerOuter.appendChild(boardContainer);
|
||||||
var addBoard = document.createElement('div');
|
var addBoard = document.createElement('div');
|
||||||
addBoard.id = 'kanban-addboard';
|
addBoard.id = 'kanban-addboard';
|
||||||
addBoard.setAttribute('class', 'fa fa-plus');
|
addBoard.innerText = '+';
|
||||||
boardContainer.appendChild(addBoard);
|
boardContainer.appendChild(addBoard);
|
||||||
var trash = self.trashContainer = document.createElement('div');
|
var trash = self.trashContainer = document.createElement('div');
|
||||||
trash.setAttribute('id', 'kanban-trash');
|
trash.setAttribute('id', 'kanban-trash');
|
||||||
|
|||||||
Reference in New Issue
Block a user