diff options
Diffstat (limited to 'app/assets/stylesheets/framework/contextual_sidebar.scss')
-rw-r--r-- | app/assets/stylesheets/framework/contextual_sidebar.scss | 27 |
1 files changed, 18 insertions, 9 deletions
diff --git a/app/assets/stylesheets/framework/contextual_sidebar.scss b/app/assets/stylesheets/framework/contextual_sidebar.scss index 7004bcc121d..48252762546 100644 --- a/app/assets/stylesheets/framework/contextual_sidebar.scss +++ b/app/assets/stylesheets/framework/contextual_sidebar.scss @@ -363,20 +363,30 @@ // Collapsed nav .toggle-sidebar-button, -.close-nav-button { - width: $contextual-sidebar-width - 1px; +.close-nav-button, +.toggle-right-sidebar-button { transition: width $sidebar-transition-duration; - position: fixed; height: $toggle-sidebar-height; - bottom: 0; padding: 0 $gl-padding; background-color: $gray-light; border: 0; - border-top: 1px solid $border-color; color: $gl-text-color-secondary; display: flex; align-items: center; + &:hover { + background-color: $border-color; + color: $gl-text-color; + } +} + +.toggle-sidebar-button, +.close-nav-button { + position: fixed; + bottom: 0; + width: $contextual-sidebar-width - 1px; + border-top: 1px solid $border-color; + svg { margin-right: 8px; } @@ -384,11 +394,10 @@ .icon-chevron-double-lg-right { display: none; } +} - &:hover { - background-color: $border-color; - color: $gl-text-color; - } +.toggle-right-sidebar-button { + border-bottom: 1px solid $border-color; } .collapse-text { |