summaryrefslogtreecommitdiffstats
path: root/client/components/lists
diff options
context:
space:
mode:
authorBenjamin Tissoires <benjamin.tissoires@redhat.com>2019-01-25 18:11:40 +0100
committerBenjamin Tissoires <benjamin.tissoires@redhat.com>2019-01-25 18:13:37 +0100
commit33977b2282d8891bf507c4d9a1502c644afd6352 (patch)
tree9a27f9812e36dca8cb09829d5e4c901c624e726a /client/components/lists
parent5d6203f5f99d02fc508015c0889977da55eff2f1 (diff)
downloadwekan-33977b2282d8891bf507c4d9a1502c644afd6352.tar.gz
wekan-33977b2282d8891bf507c4d9a1502c644afd6352.tar.bz2
wekan-33977b2282d8891bf507c4d9a1502c644afd6352.zip
lists-color: only colorize the bottom border
And make the background clearer to visually separate the header from the list of cards
Diffstat (limited to 'client/components/lists')
-rw-r--r--client/components/lists/list.styl12
-rw-r--r--client/components/lists/listHeader.jade3
2 files changed, 11 insertions, 4 deletions
diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index c12a2c73..51ade73c 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -46,11 +46,19 @@
.list-header-card-count
height: 35px
+.list-header-add
+ flex: 0 0 auto
+ padding: 20px 12px 4px
+ position: relative
+ min-height: 20px
+
.list-header
flex: 0 0 auto
padding: 20px 12px 4px
position: relative
min-height: 20px
+ background-color: #e4e4e4;
+ border-bottom: 6px solid #e4e4e4;
&.ui-sortable-handle
@@ -204,9 +212,7 @@
overflow: hidden
list-header-color(background, color...)
- background: background !important
- if color
- color: color !important //overwrite text for better visibility
+ border-bottom: 6px solid background
.list-header-white
list-header-color(#ffffff, #4d4d4d) //Black text for better visibility
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index eafcc510..aa6d3786 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -120,7 +120,8 @@ template(name="wipLimitErrorPopup")
template(name="setListColorPopup")
form.edit-label
.palette-colors: each colors
- span.card-label.palette-color.js-palette-color(class="list-header-{{color}}")
+ // note: we use the swimlane palette to have more than just the border
+ span.card-label.palette-color.js-palette-color(class="swimlane-{{color}}")
if(isSelected color)
i.fa.fa-check
button.primary.confirm.js-submit {{_ 'save'}}