.boards-add-list { &.show { .dropdown-menu-tabs { max-height: 400px; min-width: 240px; overflow-y: hidden; } } .dropdown-tabs-list { box-shadow: 0 0 0 1px $border-color; } .dropdown-tab-item { border-left: 1px solid $border-color; a { border-bottom: 2px solid transparent; background-color: $gray-light; &:focus, &.active { background-color: $white-light; } &.active { font-weight: bold; border-bottom-color: $indigo-500; } } } .issue-board-dropdown-content { margin: 0; padding: $gl-padding; border-bottom: 0; color: $gl-text-color-secondary; } } .tab-pane-labels { .dropdown-page-one .dropdown-content { height: 140px; } .dropdown-page-two { margin-top: 10px; .dropdown-content { max-height: initial; height: 205px; } } } .tab-pane-assignees { .dropdown-content { height: 225px; max-height: 252px; } } .board-type-assignee { .board-title-text { margin-right: $gl-padding-8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .board-title-sub-text { color: $gl-text-color-secondary; font-weight: normal; } } .boards-selector-wrapper > .show.dropdown .dropdown-menu { // we cannot use d-flex from Bootstrap because of !important // see https://gitlab.com/gitlab-org/gitlab-ui/issues/38 display: flex; &.dropdown-extended-height { max-height: $dropdown-max-height-lg; } } .issue-boards-content.is-focused { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: $white-light; z-index: 9000; @include media-breakpoint-down(sm) { padding-top: 10px; } .boards-list { height: calc(100vh - #{$issue-boards-filter-height}); overflow-x: scroll; } .issue-boards-sidebar { height: 100%; top: 0; } } .form-section-title { font-size: 16px; } .board-config-modal { width: 440px; .block { padding: $gl-padding 0; // add a border between all items, but not at the start or end + .block { border-top: solid 1px $border-color; } } }