Browse Source

Fixed issue with user menu on small screens

Abdullah Almsaeed 9 years ago
parent
commit
6bf4e63c44
3 changed files with 17 additions and 7 deletions
  1. 12 7
      build/less/dropdown.less
  2. 5 0
      dist/css/AdminLTE.css
  3. 0 0
      dist/css/AdminLTE.min.css

+ 12 - 7
build/less/dropdown.less

@@ -237,6 +237,11 @@
       .clearfix();
       .btn-default {
         color: #666666;
+        &:hover {
+          @media (max-width: @screen-sm-max) {
+            background-color: #f9f9f9;
+          }
+        }
       }
     }
   }
@@ -316,15 +321,15 @@
 
 /* Fix dropdown menu in navbars */
 .navbar-custom-menu > .navbar-nav {
-    > li {
-      position: relative;
-      > .dropdown-menu {
-        position: absolute;
-        right: 0;
-        left: auto;
-      }
+  > li {
+    position: relative;
+    > .dropdown-menu {
+      position: absolute;
+      right: 0;
+      left: auto;
     }
   }
+}
 @media (max-width: @screen-sm-max) {
   .navbar-custom-menu > .navbar-nav {
     float: right;

+ 5 - 0
dist/css/AdminLTE.css

@@ -1123,6 +1123,11 @@ a:focus {
 .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
   color: #666666;
 }
+@media (max-width: 991px) {
+  .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
+    background-color: #f9f9f9;
+  }
+}
 .navbar-nav > .user-menu .user-image {
   float: left;
   width: 25px;

File diff suppressed because it is too large
+ 0 - 0
dist/css/AdminLTE.min.css


Some files were not shown because too many files changed in this diff