diff options
| author | Paul Slaughter <pslaughter@gitlab.com> | 2018-06-13 21:38:46 +0300 |
|---|---|---|
| committer | Clement Ho <clemmakesapps@gmail.com> | 2018-06-13 21:38:46 +0300 |
| commit | 85089bfd342a954e449b5d1aac91faeb1a5cefb2 (patch) | |
| tree | 95942d68d0f26596a0e8c054430cb177db3db2f1 /app | |
| parent | 7b7ba297cf64f4e5ea27234600c038c3b2fc0a6d (diff) | |
Flex board columns
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index b2416a3d5bc..7c1d1626f1c 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -80,6 +80,7 @@ overflow-x: scroll; white-space: nowrap; min-height: 200px; + display: flex; @include media-breakpoint-only(sm) { height: calc(100vh - #{$issue-board-list-difference-sm}); @@ -110,17 +111,15 @@ .board { display: inline-block; - width: calc(85vw - 15px); + flex: 1; + min-width: 300px; + max-width: 400px; height: 100%; padding-right: ($gl-padding / 2); padding-left: ($gl-padding / 2); white-space: normal; vertical-align: top; - @include media-breakpoint-up(sm) { - width: 400px; - } - &.is-expandable { .board-header { cursor: pointer; @@ -128,6 +127,8 @@ } &.is-collapsed { + flex: none; + min-width: 0; width: 50px; .board-header { |