From 33977b2282d8891bf507c4d9a1502c644afd6352 Mon Sep 17 00:00:00 2001
From: Benjamin Tissoires <benjamin.tissoires@redhat.com>
Date: Fri, 25 Jan 2019 18:11:40 +0100
Subject: lists-color: only colorize the bottom border

And make the background clearer to visually separate the header from
the list of cards
---
 client/components/lists/list.styl | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'client/components/lists/list.styl')

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
-- 
cgit v1.2.3-1-g7c22