From 97d95b4bcbcab86629e368ea41bb9f00450b21f6 Mon Sep 17 00:00:00 2001
From: Benjamin Tissoires <benjamin.tissoires@redhat.com>
Date: Fri, 25 Jan 2019 15:58:52 +0100
Subject: ui: lists: make sure all lists boxes are the same height

When `Show card count` is enabled, the lists with the card counts have
two lines of text while the lists without have only one.

This results in the box around the list headers are not of the same size
and this is visible when setting a color to the list.
---
 client/components/lists/list.styl       | 5 +++++
 client/components/lists/listHeader.jade | 1 +
 2 files changed, 6 insertions(+)

(limited to 'client/components')

diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index 91823bdb..c12a2c73 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -43,12 +43,16 @@
       background: white
       margin: -3px 0 8px
 
+.list-header-card-count
+  height: 35px
+
 .list-header
   flex: 0 0 auto
   padding: 20px 12px 4px
   position: relative
   min-height: 20px
 
+
   &.ui-sortable-handle
     cursor: grab
 
@@ -67,6 +71,7 @@
     text-overflow: ellipsis
     word-wrap: break-word
 
+
   .list-header-watch-icon
     padding-left: 10px
     color: #a6a6a6
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index 48005eaf..eafcc510 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -1,5 +1,6 @@
 template(name="listHeader")
   .list-header.js-list-header(
+    class="{{#if limitToShowCardsCount}}list-header-card-count{{/if}}"
     class="{{#if colorClass}}list-header-{{colorClass}}{{/if}}")
     +inlinedForm
       +editListTitleForm
-- 
cgit v1.2.3-1-g7c22