diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/work_items.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/work_items.scss | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/app/assets/stylesheets/page_bundles/work_items.scss b/app/assets/stylesheets/page_bundles/work_items.scss index 01c6fde80da..ec73f27ed09 100644 --- a/app/assets/stylesheets/page_bundles/work_items.scss +++ b/app/assets/stylesheets/page_bundles/work_items.scss @@ -1,7 +1,8 @@ @import 'mixins_and_variables_and_functions'; +@import 'system_note_styles'; $work-item-field-inset-shadow: inset 0 0 0 $gl-border-size-1 var(--gray-200, $gray-200) !important; -$work-item-overview-right-sidebar-width: 340px; +$work-item-overview-right-sidebar-width: 23rem; $work-item-sticky-header-height: 52px; .gl-token-selector-token-container { @@ -67,6 +68,7 @@ $work-item-sticky-header-height: 52px; } } +//TODO: remove all the styles related to `gl-dropdown` when all `.work-item-dropdown`s are migrated .work-item-dropdown { // duplicate classname because we are fighting with gl-button styles .gl-dropdown-toggle.gl-dropdown-toggle { @@ -95,24 +97,25 @@ $work-item-sticky-header-height: 52px; // need to override the listbox styles to match with dropdown // till the dropdown are converted to listbox - .gl-new-dropdown-toggle { + .gl-new-dropdown-toggle.gl-new-dropdown-toggle { &:hover, &:focus { - background: none !important; box-shadow: $work-item-field-inset-shadow; background-color: $input-bg; - } - .is-not-focused { - &.gl-new-dropdown-button-text { - margin: 0 0.25rem; + .gl-dark & { + // $input-bg is overridden in dark mode but that does not + // work in page bundles currently, manually override here + background-color: var(--gray-50, $input-bg); } } - } - .gl-new-dropdown-toggle.is-not-focused { - .gl-new-dropdown-button-text { - margin: 0 0.25rem; + &:not(:hover, :focus) { + box-shadow: none; + + .gl-new-dropdown-chevron { + visibility: hidden; + } } } |