diff options
Diffstat (limited to 'app/assets/stylesheets/page_bundles/search.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/search.scss | 59 |
1 files changed, 55 insertions, 4 deletions
diff --git a/app/assets/stylesheets/page_bundles/search.scss b/app/assets/stylesheets/page_bundles/search.scss index d37e87b5cd5..d1d14cbcddd 100644 --- a/app/assets/stylesheets/page_bundles/search.scss +++ b/app/assets/stylesheets/page_bundles/search.scss @@ -4,11 +4,8 @@ $search-dropdown-max-height: 400px; $search-avatar-size: 16px; $search-sidebar-min-width: 240px; $search-sidebar-max-width: 300px; -$search-keyboard-shortcut: '/'; $language-filter-max-height: 20rem; -$border-radius-medium: 3px; - .search-results { .search-result-row { border-bottom: 1px solid var(--border-color, $border-color); @@ -21,6 +18,13 @@ $border-radius-medium: 3px; } } +.hr-x { + margin-left: -$gl-spacing-scale-5; + margin-right: -$gl-spacing-scale-5; + margin-top: $gl-spacing-scale-3; + margin-bottom: $gl-spacing-scale-5; +} + .language-filter-checkbox { .custom-control-label { flex-grow: 1; @@ -28,8 +32,17 @@ $border-radius-medium: 3px; } .search-sidebar { - @include media-breakpoint-up(md) { + @include media-breakpoint-down(lg) { + max-width: 100%; + } + + @include media-breakpoint-down(xl) { min-width: $search-sidebar-min-width; + max-width: $search-sidebar-min-width; + } + + @include media-breakpoint-up(xl) { + min-width: $search-sidebar-max-width; max-width: $search-sidebar-max-width; } @@ -38,6 +51,44 @@ $border-radius-medium: 3px; } } +.issue-filters { + .label-filter { + list-style: none; + + .header-search-dropdown-menu { + max-height: $language-filter-max-height; + + @include media-breakpoint-down(xl) { + min-width: calc(#{$search-sidebar-min-width} - (#{$gl-spacing-scale-5} + #{$gl-spacing-scale-5})); + max-width: calc(#{$search-sidebar-min-width} - (#{$gl-spacing-scale-5} + #{$gl-spacing-scale-5})); + } + + @include media-breakpoint-up(xl) { + min-width: calc(#{$search-sidebar-max-width} - (#{$gl-spacing-scale-5} + #{$gl-spacing-scale-5})); + max-width: calc(#{$search-sidebar-max-width} - (#{$gl-spacing-scale-5} + #{$gl-spacing-scale-5})); + } + + .label-with-color-checkbox { + max-height: $gl-spacing-scale-5; + + .custom-control-label { + margin-bottom: 0; + max-height: $gl-spacing-scale-5; + + .label-title { + margin-left: -$gl-spacing-scale-2; + } + } + } + } + } +} + +.advanced-search-promote { + padding-left: 5px; + padding-right: 5px; +} + .search-max-w-inherit { max-width: inherit; } |