diff options
Diffstat (limited to 'app/assets/stylesheets/pages/boards.scss')
-rw-r--r-- | app/assets/stylesheets/pages/boards.scss | 29 |
1 files changed, 20 insertions, 9 deletions
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss index d755170fe1f..3e680c59910 100644 --- a/app/assets/stylesheets/pages/boards.scss +++ b/app/assets/stylesheets/pages/boards.scss @@ -84,17 +84,22 @@ .board-title-caret { cursor: pointer; border-radius: $border-radius-default; - padding: 4px; + line-height: $gl-spacing-scale-5; + height: $gl-spacing-scale-5; + + &.btn svg { + top: 0; + } &:hover { - background-color: $gray-dark; + background-color: $gray-50; transition: background-color 0.1s linear; } } &:not(.is-collapsed) { .board-title-caret { - margin: 0 $gl-padding-4 0 -10px; + margin-right: $gl-padding-4; } } @@ -155,7 +160,7 @@ .board-inner { font-size: $issue-boards-font-size; background: $gray-light; - border: 1px solid $border-color; + border: 1px solid $gray-100; } .board-header { @@ -186,8 +191,8 @@ .board-title { align-items: center; font-size: 1em; - border-bottom: 1px solid $border-color; - padding: $gl-padding-8 $gl-padding; + border-bottom: 1px solid $gray-100; + padding: $gl-padding-8; .js-max-issue-size::before { content: '/'; @@ -199,13 +204,13 @@ } .board-delete { - margin-right: 10px; color: $gray-darkest; background-color: transparent; outline: 0; &:hover { color: $blue-600; + box-shadow: none; } } @@ -246,7 +251,7 @@ .board-card { background: $white; - border: 1px solid $gray-200; + border: 1px solid $gray-100; box-shadow: 0 1px 2px $issue-boards-card-shadow; line-height: $gl-padding; list-style: none; @@ -541,7 +546,8 @@ cursor: help; } -.board-labels-toggle-wrapper { +.board-labels-toggle-wrapper, +.board-swimlanes-toggle-wrapper { /** * Make the wrapper the same height as a button so it aligns properly when the * filtered-search-box input element increases in size on Linux smaller breakpoints @@ -572,3 +578,8 @@ top: 0; } } + +.board-epics-swimlanes { + overflow-x: auto; + min-height: 600px; +} |