Fixed sidebar mini transition issue

build/less/sidebar-mini.less

@@ -50,11 +50,12 @@
 
           //Show menu items on hover
           &:hover {
+            > a {
+              overflow: visible;
+            }
             > a > span:not(.pull-right),
-              > .treeview-menu {
+            > .treeview-menu {
               display: block!important;
-              visibility: visible;
-              .opacity(1);
               position: absolute;
               width: @sidebar-width - 50;
               left: 50px;
@@ -110,23 +111,14 @@
   }
 }
 
-.main-sidebar .user-panel > .info,
-.sidebar-form,
-.sidebar-menu > li > a > span,
-.sidebar-menu > li > .treeview-menu,
-.sidebar-menu >li > a > .pull-right,
-.sidebar-menu li.header {
-  .transition(display 0s linear 1s);
-}
-
 //A fix for text overflow while transitioning from sidebar mini to full sidebar
-.sidebar-menu > li > a,
+.sidebar-menu li > a,
 .main-sidebar .user-panel,
-.sidebar-menu > li.header
+.sidebar-menu > li.header {
-.treeview-menu > li > a {
-  width: 100%;
   white-space: nowrap!important;
+  overflow: hidden;
 }
+.sidebar-form,
 .sidebar-menu > li.header {
   overflow: hidden;
   text-overflow: clip;

dist/css/AdminLTE.css

@@ -598,12 +598,12 @@ a:focus {
     padding-bottom: 5px;
     border-bottom-right-radius: 4px;
   }
+  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a {
+    overflow: visible;
+  }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
   .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
     display: block!important;
-    visibility: visible;
-    opacity: 1;
-    filter: alpha(opacity=100);
     position: absolute;
     width: 180px;
     left: 50px;
@@ -642,22 +642,13 @@ a:focus {
     margin-left: 50px;
   }
 }
-.main-sidebar .user-panel > .info,
+.sidebar-menu li > a,
-.sidebar-form,
-.sidebar-menu > li > a > span,
-.sidebar-menu > li > .treeview-menu,
-.sidebar-menu > li > a > .pull-right,
-.sidebar-menu li.header {
-  -webkit-transition: display 0s linear 1s;
-  -o-transition: display 0s linear 1s;
-  transition: display 0s linear 1s;
-}
-.sidebar-menu > li > a,
 .main-sidebar .user-panel,
-.sidebar-menu > li.header .treeview-menu > li > a {
+.sidebar-menu > li.header {
-  width: 100%;
   white-space: nowrap!important;
+  overflow: hidden;
 }
+.sidebar-form,
 .sidebar-menu > li.header {
   overflow: hidden;
   text-overflow: clip;