Browse Source

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.
Benjamin Tissoires 6 years ago
parent
commit
97d95b4bcb
2 changed files with 6 additions and 0 deletions
  1. 5 0
      client/components/lists/list.styl
  2. 1 0
      client/components/lists/listHeader.jade

+ 5 - 0
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

+ 1 - 0
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