diff options
author | Paul Slaughter <pslaughter@gitlab.com> | 2018-06-13 18:38:46 +0000 |
---|---|---|
committer | Clement Ho <clemmakesapps@gmail.com> | 2018-06-13 18:38:46 +0000 |
commit | 85089bfd342a954e449b5d1aac91faeb1a5cefb2 (patch) | |
tree | 95942d68d0f26596a0e8c054430cb177db3db2f1 | |
parent | 7b7ba297cf64f4e5ea27234600c038c3b2fc0a6d (diff) | |
download | gitlab-ce-85089bfd342a954e449b5d1aac91faeb1a5cefb2.tar.gz |
Flex board columns
-rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 11 | ||||
-rw-r--r-- | changelogs/unreleased/rosulk-patch-12.yml | 5 |
2 files changed, 11 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 { diff --git a/changelogs/unreleased/rosulk-patch-12.yml b/changelogs/unreleased/rosulk-patch-12.yml new file mode 100644 index 00000000000..9637c88d1a4 --- /dev/null +++ b/changelogs/unreleased/rosulk-patch-12.yml @@ -0,0 +1,5 @@ +--- +title: Flex issue board columns +merge_request: 19250 +author: Roman Rosluk +type: changed |