Просмотр исходного кода

Smaller board icons to All Boards Page, and use full page width, so more board icons fit visible at once.
Removed variable height, because different heights made it look a little unbalanced.

Thanks to xet7 !

Lauri Ojansivu 4 лет назад
Родитель
Сommit
0a5f9307d2
2 измененных файлов с 3 добавлено и 3 удалено
  1. 2 2
      client/components/boards/boardsList.styl
  2. 1 1
      client/components/main/layouts.styl

+ 2 - 2
client/components/boards/boardsList.styl

@@ -7,7 +7,7 @@ $spaceBetweenTiles = 16px
 
 
   li
   li
     float: left
     float: left
-    width: 25%
+    width: 10%
     box-sizing: border-box
     box-sizing: border-box
     position: relative
     position: relative
 
 
@@ -33,7 +33,7 @@ $spaceBetweenTiles = 16px
     overflow: hidden;
     overflow: hidden;
     background-color: #999
     background-color: #999
     color: #f6f6f6
     color: #f6f6f6
-    height: auto
+    height: 80px
     font-size: 16px
     font-size: 16px
     line-height: 22px
     line-height: 22px
     border-radius: 3px
     border-radius: 3px

+ 1 - 1
client/components/main/layouts.styl

@@ -276,7 +276,7 @@ kbd
   padding-bottom: 0
   padding-bottom: 0
 
 
 .wrapper
 .wrapper
-  max-width: 1200px
+  width: calc(100% - 20px)
   margin: 0 auto
   margin: 0 auto
 
 
 .relative
 .relative