Board color
parent
0975f253ab
commit
fbf4434fc4
|
@ -11,7 +11,6 @@
|
|||
.tools_unselectable();
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
height: auto;
|
||||
min-height: 34px;
|
||||
padding-bottom: 0px;
|
||||
|
@ -29,6 +28,7 @@
|
|||
background-color: #ededed;
|
||||
white-space: nowrap;
|
||||
margin: 2px 0;
|
||||
margin-right: 5px;
|
||||
height: 24px;
|
||||
vertical-align: middle;
|
||||
cursor: default;
|
||||
|
|
|
@ -32,33 +32,61 @@
|
|||
.kanban-board-header {
|
||||
background-color: #c9c9c9;
|
||||
}
|
||||
.kanban-board {
|
||||
background-color: @board-bg;
|
||||
color: @cryptpad_text_col;
|
||||
}
|
||||
|
||||
.cp-kanban-palette-nocolor {
|
||||
background-color: @palette0;
|
||||
}
|
||||
.cp-kanban-palette-color1 {
|
||||
background-color: @palette1;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette1, 5%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color2 {
|
||||
background-color: @palette2;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette2, 5%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color3 {
|
||||
background-color: @palette3;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette3, 10%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color4 {
|
||||
background-color: @palette4;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette4, 10%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color5 {
|
||||
background-color: @palette5;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette5, 10%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color6 {
|
||||
background-color: @palette6;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette6, 5%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color7 {
|
||||
background-color: @palette7;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette7, 5%);
|
||||
}
|
||||
}
|
||||
.cp-kanban-palette-color8 {
|
||||
background-color: @palette8;
|
||||
&.kanban-board {
|
||||
background-color: lighten(@palette8, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
#cp-kanban-edit-body {
|
||||
|
@ -262,8 +290,6 @@
|
|||
}
|
||||
|
||||
.kanban-board {
|
||||
background-color: @board-bg;
|
||||
color: @cryptpad_text_col;
|
||||
main {
|
||||
min-height: 0;
|
||||
padding: 0 10px;
|
||||
|
|
|
@ -419,6 +419,7 @@
|
|||
if (/color/.test(board.color)) {
|
||||
// Palette color
|
||||
headerBoard.classList.add('cp-kanban-palette-'+board.color);
|
||||
boardNode.classList.add('cp-kanban-palette-'+board.color);
|
||||
} else if (!/^[0-9a-f]{6}$/.test(board.color)) {
|
||||
// "string" color (red, blue, etc.)
|
||||
headerBoard.classList.add("kanban-header-" + board.color);
|
||||
|
|
Loading…
Reference in New Issue