Browse Source

Add horizontal scroll to My Cards boards

helioguardabaxo 4 years ago
parent
commit
fb9524bba8
2 changed files with 13 additions and 9 deletions
  1. 10 9
      client/components/main/myCards.jade
  2. 3 0
      client/components/main/myCards.styl

+ 10 - 9
client/components/main/myCards.jade

@@ -36,15 +36,16 @@ template(name="myCards")
                 .my-cards-swimlane-title(class="{{#if swimlane.colorClass}}{{ swimlane.colorClass }}{{else}}swimlane-default-color{{/if}}")
                   +viewer
                     = swimlane.title
-                each list in swimlane.myLists
-                  .my-cards-list-wrapper
-                    .my-cards-list-title(class=list.colorClass)
-                      +viewer
-                        = list.title
-                    each card in list.myCards
-                      .my-cards-card-wrapper
-                        a.minicard-wrapper(href=card.absoluteUrl)
-                          +minicard(card)
+                .my-cards-lists-wrapper
+                  each list in swimlane.myLists
+                    .my-cards-list-wrapper
+                      .my-cards-list-title(class=list.colorClass)
+                        +viewer
+                          = list.title
+                      each card in list.myCards
+                        .my-cards-card-wrapper
+                          a.minicard-wrapper(href=card.absoluteUrl)
+                            +minicard(card)
         else
           .my-cards-dueat-list-wrapper
             each card in myDueCardsList

+ 3 - 0
client/components/main/myCards.styl

@@ -38,6 +38,9 @@
   text-align: center
   margin-bottom: 0.7rem
 
+.my-cards-lists-wrapper
+  overflow-x: scroll
+
 .my-cards-list-wrapper
   margin: 1rem
   border-radius: 5px