mirror of
https://github.com/wekan/wekan.git
synced 2025-12-16 07:20:12 +01:00
108 lines
2.3 KiB
CSS
108 lines
2.3 KiB
CSS
.card-date {
|
|
display: block;
|
|
border-radius: 4px;
|
|
padding: 1px 3px;
|
|
background-color: #dbdbdb;
|
|
}
|
|
.card-date:hover,
|
|
.card-date.is-active {
|
|
background-color: #b3b3b3;
|
|
}
|
|
.card-date.current,
|
|
.card-date.almost-due,
|
|
.card-date.due,
|
|
.card-date.long-overdue {
|
|
color: #fff;
|
|
}
|
|
.card-date.current {
|
|
background-color: #5ba639;
|
|
}
|
|
.card-date.current:hover,
|
|
.card-date.current.is-active {
|
|
background-color: #46802c;
|
|
}
|
|
.card-date.almost-due {
|
|
background-color: #edc909;
|
|
}
|
|
.card-date.almost-due:hover,
|
|
.card-date.almost-due.is-active {
|
|
background-color: #bc9f07;
|
|
}
|
|
.card-date.due {
|
|
background-color: #fa3f00;
|
|
}
|
|
.card-date.due:hover,
|
|
.card-date.due.is-active {
|
|
background-color: #c73200;
|
|
}
|
|
.card-date.long-overdue {
|
|
background-color: #fd5d47;
|
|
}
|
|
.card-date.long-overdue:hover,
|
|
.card-date.long-overdue.is-active {
|
|
background-color: #fd3e24;
|
|
}
|
|
|
|
/* Date type specific colors */
|
|
.card-date.received-date {
|
|
background-color: #0079bf; /* Blue for received */
|
|
}
|
|
|
|
.card-date.received-date:hover,
|
|
.card-date.received-date.is-active {
|
|
background-color: #005a8b;
|
|
}
|
|
|
|
.card-date.start-date {
|
|
background-color: #3cb500; /* Green for start */
|
|
}
|
|
|
|
.card-date.start-date:hover,
|
|
.card-date.start-date.is-active {
|
|
background-color: #2d8f00;
|
|
}
|
|
|
|
.card-date.due-date {
|
|
background-color: #ff9f19; /* Orange for due */
|
|
}
|
|
|
|
.card-date.due-date:hover,
|
|
.card-date.due-date.is-active {
|
|
background-color: #e68a00;
|
|
}
|
|
|
|
.card-date.end-date {
|
|
background-color: #a632db; /* Purple for end */
|
|
}
|
|
|
|
.card-date.end-date:hover,
|
|
.card-date.end-date.is-active {
|
|
background-color: #8a2bb8;
|
|
}
|
|
.card-date.end-date time::before {
|
|
content: "🏁"; /* Finish flag - represents end/completion */
|
|
}
|
|
.card-date.due-date time::before {
|
|
content: "⏰"; /* Alarm clock - represents due/deadline */
|
|
}
|
|
.card-date.start-date time::before {
|
|
content: "🚀"; /* Rocket - represents start/launch */
|
|
}
|
|
.card-date.received-date time::before {
|
|
content: "📥"; /* Inbox tray - represents received/incoming */
|
|
}
|
|
|
|
/* Generic date badge and custom field date */
|
|
.card-date:not(.received-date):not(.start-date):not(.due-date):not(.end-date) time::before {
|
|
content: "📅"; /* Calendar - represents generic date */
|
|
}
|
|
.card-date time::before {
|
|
font-size: inherit;
|
|
margin-right: 0.3em;
|
|
display: inline-block;
|
|
}
|
|
.customfield-date {
|
|
display: block;
|
|
border-radius: 4px;
|
|
padding: 1px 3px;
|
|
}
|