浏览代码

Fixed issue with user menu on small screens

Abdullah Almsaeed 9 年之前
父节点
当前提交
6bf4e63c44
共有 3 个文件被更改,包括 17 次插入7 次删除
  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;

文件差异内容过多而无法显示
+ 0 - 0
dist/css/AdminLTE.min.css


部分文件因为文件数量过多而无法显示