github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Show sidebar search when hover/focus in the sidebar mini (#3605)

pull/3646/head
Diego Smania 2021-04-27 09:27:15 -03:00 committed by GitHub
parent a7e0650821
commit c8f206ec4b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
build/scss/_sidebar-mini.scss
View File

@ -247,6 +247,12 @@
&.sidebar-mini-md, &.sidebar-mini-md,
&.sidebar-mini-xs { &.sidebar-mini-xs {
.main-sidebar { .main-sidebar {
// Hide the sidebar search results when mini mode is active.
.sidebar-search-results {
display: none;
}
.nav-sidebar { .nav-sidebar {
.nav-link { .nav-link {
width: $sidebar-mini-width - $sidebar-padding-x * 2; width: $sidebar-mini-width - $sidebar-padding-x * 2;
@ -279,6 +285,19 @@
display: inline-block; 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-child-indent {
.nav-link { .nav-link {
width: calc(#{$sidebar-width} - #{$sidebar-padding-x} * 2); width: calc(#{$sidebar-width} - #{$sidebar-padding-x} * 2);