summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/page_bundles/boards.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/page_bundles/boards.scss')
-rw-r--r--app/assets/stylesheets/page_bundles/boards.scss37
1 files changed, 7 insertions, 30 deletions
diff --git a/app/assets/stylesheets/page_bundles/boards.scss b/app/assets/stylesheets/page_bundles/boards.scss
index eecd4954e39..81d35b8bc7b 100644
--- a/app/assets/stylesheets/page_bundles/boards.scss
+++ b/app/assets/stylesheets/page_bundles/boards.scss
@@ -49,6 +49,7 @@
height: calc(100vh - #{$issue-board-list-difference-xs});
overflow-x: scroll;
min-height: 200px;
+ border-left: 8px solid var(--gray-10, $white);
@include media-breakpoint-only(sm) {
height: calc(100vh - #{$issue-board-list-difference-sm});
@@ -131,8 +132,7 @@
.board-inner {
font-size: $issue-boards-font-size;
- background: var(--gray-10, $gray-10);
- border: 1px solid var(--gray-100, $gray-100);
+ background: var(--gray-50, $gray-50);
}
// to highlight columns we have animated pulse of box-shadow
@@ -169,33 +169,7 @@
}
}
-.board-header {
- &.has-border::before {
- border-top: 3px solid;
- border-color: inherit;
- border-top-left-radius: $border-radius-default;
- border-top-right-radius: $border-radius-default;
- content: '';
- position: absolute;
- width: calc(100% + 2px);
- top: 0;
- left: 0;
- margin-top: -1px;
- margin-right: -1px;
- margin-left: -1px;
- padding-top: 1px;
- padding-right: 1px;
- padding-left: 1px;
-
- .board-title {
- padding-top: ($gl-padding - 3px);
- padding-bottom: $gl-padding;
- }
- }
-}
-
.board-title {
- border-bottom: 1px solid var(--gray-100, $gray-100);
height: 3rem;
.max-issue-size::before {
@@ -218,8 +192,7 @@
}
.board-card {
- background: var(--white, $white);
- border: 1px solid var(--gray-100, $gray-100);
+ background: var(--gray-10, $white);
box-shadow: 0 1px 2px rgba(var(--black, $black), 0.1);
line-height: $gl-padding;
list-style: none;
@@ -239,6 +212,10 @@
background-color: var(--blue-50, $blue-50);
}
+ &.sortable-chosen {
+ box-shadow: 0 2px 4px 0 rgba($black, 0.16);
+ }
+
.gl-label {
margin-top: 4px;
margin-right: 4px;