Commit e76b176d authored by Clement Ho's avatar Clement Ho

Merge branch 'rosulk-patch-12' into 'master'

Flex board columns

See merge request gitlab-org/gitlab-ce!19250
parents 7b7ba297 85089bfd
...@@ -80,6 +80,7 @@ ...@@ -80,6 +80,7 @@
overflow-x: scroll; overflow-x: scroll;
white-space: nowrap; white-space: nowrap;
min-height: 200px; min-height: 200px;
display: flex;
@include media-breakpoint-only(sm) { @include media-breakpoint-only(sm) {
height: calc(100vh - #{$issue-board-list-difference-sm}); height: calc(100vh - #{$issue-board-list-difference-sm});
...@@ -110,17 +111,15 @@ ...@@ -110,17 +111,15 @@
.board { .board {
display: inline-block; display: inline-block;
width: calc(85vw - 15px); flex: 1;
min-width: 300px;
max-width: 400px;
height: 100%; height: 100%;
padding-right: ($gl-padding / 2); padding-right: ($gl-padding / 2);
padding-left: ($gl-padding / 2); padding-left: ($gl-padding / 2);
white-space: normal; white-space: normal;
vertical-align: top; vertical-align: top;
@include media-breakpoint-up(sm) {
width: 400px;
}
&.is-expandable { &.is-expandable {
.board-header { .board-header {
cursor: pointer; cursor: pointer;
...@@ -128,6 +127,8 @@ ...@@ -128,6 +127,8 @@
} }
&.is-collapsed { &.is-collapsed {
flex: none;
min-width: 0;
width: 50px; width: 50px;
.board-header { .board-header {
......
---
title: Flex issue board columns
merge_request: 19250
author: Roman Rosluk
type: changed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment