Browse Source

Fix card count position

When introducing markdown in the title (b795115042c2eb6bccb), the card
count got pushed outside of the List Header.

Add its own style (by manually merge small and quiet), and restore its
original placement.

Fixes #2403
Benjamin Tissoires 6 years ago
parent
commit
9bf19f81a4
2 changed files with 5 additions and 1 deletions
  1. 4 0
      client/components/lists/list.styl
  2. 1 1
      client/components/lists/listHeader.jade

+ 4 - 0
client/components/lists/list.styl

@@ -99,6 +99,10 @@
   .highlight
     color: #ce1414
 
+  .cardCount
+    color: #8c8c8c
+    font-size: 0.8em
+
 .list-body
   flex: 1 1 auto
   flex-direction: column

+ 1 - 1
client/components/lists/listHeader.jade

@@ -19,7 +19,7 @@ template(name="listHeader")
 
         if showCardsCountForList cards.count
           | 
-          p.quiet.small {{cardsCount}} {{_ 'cards-count'}}
+          span(class="cardCount") {{cardsCount}} {{_ 'cards-count'}}
       if isMiniScreen
         if currentList
           if isWatching