web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Board color

Browse Source
This commit is contained in:
yflory
2020-03-04 17:59:13 +01:00
parent 0975f253ab
commit fbf4434fc4
3 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
customize.dist/src/less2/include/tokenfield.less
View File

@@ -11,7 +11,6 @@
.tools_unselectable(); .tools_unselectable();
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around;
height: auto; height: auto;
min-height: 34px; min-height: 34px;
padding-bottom: 0px; padding-bottom: 0px;
@@ -29,6 +28,7 @@
background-color: #ededed; background-color: #ededed;
white-space: nowrap; white-space: nowrap;
margin: 2px 0; margin: 2px 0;
margin-right: 5px;
height: 24px; height: 24px;
vertical-align: middle; vertical-align: middle;
cursor: default; cursor: default;

30
www/kanban/app-kanban.less
View File

@@ -32,33 +32,61 @@
.kanban-board-header { .kanban-board-header {
background-color: #c9c9c9; background-color: #c9c9c9;
} }
.kanban-board {
background-color: @board-bg;
color: @cryptpad_text_col;
}
.cp-kanban-palette-nocolor { .cp-kanban-palette-nocolor {
background-color: @palette0; background-color: @palette0;
} }
.cp-kanban-palette-color1 { .cp-kanban-palette-color1 {
background-color: @palette1; background-color: @palette1;
&.kanban-board {
background-color: lighten(@palette1, 5%);
}
} }
.cp-kanban-palette-color2 { .cp-kanban-palette-color2 {
background-color: @palette2; background-color: @palette2;
&.kanban-board {
background-color: lighten(@palette2, 5%);
}
} }
.cp-kanban-palette-color3 { .cp-kanban-palette-color3 {
background-color: @palette3; background-color: @palette3;
&.kanban-board {
background-color: lighten(@palette3, 10%);
}
} }
.cp-kanban-palette-color4 { .cp-kanban-palette-color4 {
background-color: @palette4; background-color: @palette4;
&.kanban-board {
background-color: lighten(@palette4, 10%);
}
} }
.cp-kanban-palette-color5 { .cp-kanban-palette-color5 {
background-color: @palette5; background-color: @palette5;
&.kanban-board {
background-color: lighten(@palette5, 10%);
}
} }
.cp-kanban-palette-color6 { .cp-kanban-palette-color6 {
background-color: @palette6; background-color: @palette6;
&.kanban-board {
background-color: lighten(@palette6, 5%);
}
} }
.cp-kanban-palette-color7 { .cp-kanban-palette-color7 {
background-color: @palette7; background-color: @palette7;
&.kanban-board {
background-color: lighten(@palette7, 5%);
}
} }
.cp-kanban-palette-color8 { .cp-kanban-palette-color8 {
background-color: @palette8; background-color: @palette8;
&.kanban-board {
background-color: lighten(@palette8, 5%);
}
} }
#cp-kanban-edit-body { #cp-kanban-edit-body {
@@ -262,8 +290,6 @@
} }
.kanban-board { .kanban-board {
background-color: @board-bg;
color: @cryptpad_text_col;
main { main {
min-height: 0; min-height: 0;
padding: 0 10px; padding: 0 10px;

1
www/kanban/jkanban.js
View File

@@ -419,6 +419,7 @@
if (/color/.test(board.color)) { if (/color/.test(board.color)) {
// Palette color // Palette color
headerBoard.classList.add('cp-kanban-palette-'+board.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)) { } else if (!/^[0-9a-f]{6}$/.test(board.color)) {
// "string" color (red, blue, etc.) // "string" color (red, blue, etc.)
headerBoard.classList.add("kanban-header-" + board.color); headerBoard.classList.add("kanban-header-" + board.color);