Fixed Safari & sidebar mini issue #370

build/less/sidebar-mini.less

@@ -29,8 +29,7 @@
         > li {
           position: relative;
           > a {
-            margin-right: 0;
-            overflow: hidden;
+            margin-right: 0;            
           }
           > a > span {
             border-top-right-radius: 4px;
@@ -52,7 +51,7 @@
           //Show menu items on hover
           &:hover {
             > a {
-              overflow: visible;
+              //overflow: visible;
             }
             > a > span:not(.pull-right),
             > .treeview-menu {
@@ -113,12 +112,15 @@
 }
 
 //A fix for text overflow while transitioning from sidebar mini to full sidebar
-.sidebar-menu li > a,
+.sidebar-menu,
 .main-sidebar .user-panel,
 .sidebar-menu > li.header {
   white-space: nowrap!important;
   overflow: hidden;
 }
+.sidebar-menu:hover {
+  overflow: visible;
+}
 .sidebar-form,
 .sidebar-menu > li.header {
   overflow: hidden;

dist/css/AdminLTE.css

@@ -587,7 +587,6 @@ a:focus {
   }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
     margin-right: 0;
-    overflow: hidden;
   }
   .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
     border-top-right-radius: 4px;
@@ -600,9 +599,6 @@ 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;
@@ -644,12 +640,15 @@ a:focus {
     margin-left: 50px;
   }
 }
-.sidebar-menu li > a,
+.sidebar-menu,
 .main-sidebar .user-panel,
 .sidebar-menu > li.header {
   white-space: nowrap!important;
   overflow: hidden;
 }
+.sidebar-menu:hover {
+  overflow: visible;
+}
 .sidebar-form,
 .sidebar-menu > li.header {
   overflow: hidden;