浏览代码

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 年之前
父节点
当前提交
97d95b4bcb
共有 2 个文件被更改,包括 6 次插入0 次删除
  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