From c8f206ec4bbaca95c9ff820580f7dbae74d40d2e Mon Sep 17 00:00:00 2001 From: Diego Smania Date: Tue, 27 Apr 2021 09:27:15 -0300 Subject: [PATCH] Show sidebar search when hover/focus in the sidebar mini (#3605) --- build/scss/_sidebar-mini.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/build/scss/_sidebar-mini.scss b/build/scss/_sidebar-mini.scss index 43a57b767..b2f97c749 100644 --- a/build/scss/_sidebar-mini.scss +++ b/build/scss/_sidebar-mini.scss @@ -247,6 +247,12 @@ &.sidebar-mini-md, &.sidebar-mini-xs { .main-sidebar { + + // Hide the sidebar search results when mini mode is active. + .sidebar-search-results { + display: none; + } + .nav-sidebar { .nav-link { width: $sidebar-mini-width - $sidebar-padding-x * 2; @@ -279,6 +285,19 @@ display: inline-block; } + // Show sidebar search when hover/focus on the sidebar mini mode. + &:not(.sidebar-no-expand) { + .form-control-sidebar { + display: inline-block; + } + .form-control-sidebar ~ .input-group-append { + display: flex; + } + .sidebar-search-open .sidebar-search-results { + display: inline-block; + } + } + .nav-child-indent { .nav-link { width: calc(#{$sidebar-width} - #{$sidebar-padding-x} * 2);