Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-25 16:19:47 +02:00
Code Issues Releases Activity

feat: Colorize due date and make it toggleable (#845)

Browse source
This commit is contained in:
Arkadiusz Dzięgiel 2024-08-12 16:29:50 +00:00 • committed by GitHub
parent 198518a51a
commit c4c6d738a5
12 changed files with 207 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

53
client/src/components/DueDate/DueDate.module.scss
View file

@ -25,22 +25,75 @@
color: #17394d;
}
.wrapperGroup {
display: flex;
align-items: stretch;
justify-content: stretch;
}
.overdue {
background: #db2828;
color: #ffffff;
&.wrapperHoverable:hover {
background: #d01919;
color: #ffffff;
}
}
.soon {
background: #fbbd08;
color: #ffffff;
&.wrapperHoverable:hover {
background: #eaae00;
color: #ffffff;
}
}
.completed {
background: #21ba45;
color: #ffffff;
&.wrapperHoverable:hover {
background: #16ab39;
color: #ffffff;
}
}
/* Sizes */
.wrapperTiny {
font-size: 12px;
line-height: 20px;
padding: 0px 6px;
&.wrapperCheckbox {
padding-right: 6px;
}
}
.wrapperSmall {
font-size: 12px;
line-height: 20px;
padding: 2px 6px;
&.wrapperCheckbox {
padding-right: 6px;
}
}
.wrapperMedium {
line-height: 20px;
padding: 6px 12px;
}
.wrapperCheckbox {
padding-right: 12px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer;
}
.checkbox {
display: block;
}
.wrapperButton {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}