fix(4186): various collapsed sidebar-mini bugs

build/scss/_main-sidebar.scss

@@ -862,7 +862,7 @@
     animation-fill-mode: both;
   }
 
-  .sidebar-collapse .sidebar & {
+  .sidebar-collapse .sidebar:not(:hover) & {
     .menu-open > .nav-treeview {
       max-height: 0;
       animation-name: fadeOut;

build/scss/_sidebar-mini.scss

@@ -278,9 +278,6 @@
 
       &.sidebar-focused,
       &:hover {
-        .nav-link {
-          width: calc(#{$sidebar-width} - #{$sidebar-padding-x} * 2);
-        }
         &:not(.hide-nav-header-on-hover) {
           .nav-header {
             display: inline-block;
@@ -289,6 +286,9 @@
 
         // Show sidebar search when hover/focus on the sidebar mini mode.
         &:not(.sidebar-no-expand) {
+          .nav-link {
+            width: calc(#{$sidebar-width} - #{$sidebar-padding-x} * 2);
+          }
           .form-control-sidebar {
             display: inline-block;
           }
@@ -462,6 +462,7 @@
           animation-duration: $transition-speed;
           animation-fill-mode: both;
           visibility: hidden;
+          display: inline-block;
           width: 0;
         }
 

build/scss/mixins/_sidebar.scss

@@ -92,6 +92,7 @@
         }
       }
 
+      &:not(.sidebar-no-expand) {
         &:hover,
         &.sidebar-focused {
           width: $sidebar-width;
@@ -144,6 +145,7 @@
           }
         }
       }
+    }
 
     // Make an element visible only when sidebar mini is active
     .visible-sidebar-mini {