diff options
| author | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2018-07-24 18:18:40 +0200 |
|---|---|---|
| committer | Benjamin Tissoires <benjamin.tissoires@redhat.com> | 2019-01-22 11:10:29 +0100 |
| commit | b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882 (patch) | |
| tree | dbcfd3209358fd31a8bd7aeb79a54733bfe514f2 /client/components/cards/cardDetails.styl | |
| parent | c87a8b86aed70593bf8a9628df830ca5f03d50d5 (diff) | |
| download | wekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.tar.gz wekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.tar.bz2 wekan-b0ac10d94a8200a1ad0199a82c3f9d9be7ac9882.zip | |
Add the ability to change the card background
Currently the only way to set it is via the REST API
Diffstat (limited to 'client/components/cards/cardDetails.styl')
| -rw-r--r-- | client/components/cards/cardDetails.styl | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/client/components/cards/cardDetails.styl b/client/components/cards/cardDetails.styl index 1dc56f58..5a486d84 100644 --- a/client/components/cards/cardDetails.styl +++ b/client/components/cards/cardDetails.styl @@ -140,3 +140,80 @@ input[type="submit"].attachment-add-link-submit .card-details-menu margin-right: 10px + +card-details-color(background, color...) + background: background !important + if color + color: color //overwrite text for better visibility + +.card-details-green + card-details-color(#3cb500, #ffffff) //White text for better visibility + +.card-details-yellow + card-details-color(#fad900) + +.card-details-orange + card-details-color(#ff9f19) + +.card-details-red + card-details-color(#eb4646, #ffffff) //White text for better visibility + +.card-details-purple + card-details-color(#a632db, #ffffff) //White text for better visibility + +.card-details-blue + card-details-color(#0079bf, #ffffff) //White text for better visibility + +.card-details-pink + card-details-color(#ff78cb) + +.card-details-sky + card-details-color(#00c2e0, #ffffff) //White text for better visibility + +.card-details-black + card-details-color(#4d4d4d, #ffffff) //White text for better visibility + +.card-details-lime + card-details-color(#51e898) + +.card-details-silver + card-details-color(#c0c0c0) + +.card-details-peachpuff + card-details-color(#ffdab9) + +.card-details-crimson + card-details-color(#dc143c, #ffffff) //White text for better visibility + +.card-details-plum + card-details-color(#dda0dd) + +.card-details-darkgreen + card-details-color(#006400, #ffffff) //White text for better visibility + +.card-details-slateblue + card-details-color(#6a5acd, #ffffff) //White text for better visibility + +.card-details-magenta + card-details-color(#ff00ff, #ffffff) //White text for better visibility + +.card-details-gold + card-details-color(#ffd700) + +.card-details-navy + card-details-color(#000080, #ffffff) //White text for better visibility + +.card-details-gray + card-details-color(#808080, #ffffff) //White text for better visibility + +.card-details-saddlebrown + card-details-color(#8b4513, #ffffff) //White text for better visibility + +.card-details-paleturquoise + card-details-color(#afeeee) + +.card-details-mistyrose + card-details-color(#ffe4e1) + +.card-details-indigo + card-details-color(#4b0082, #ffffff) //White text for better visibility |