fix: horizontal scroll bar appears on SiderMenu with light navTheme (#3381)

* fix: horizontal scroll bar appears on SiderMenu with light navTheme * a better solution

fix: horizontal scroll bar appears on SiderMenu with light navTheme (#3381)
* fix: horizontal scroll bar appears on SiderMenu with light navTheme * a better solution
a7724013 · 何乐 · 陈帅 · d8a026f2 · a7724013
Commit a7724013 authored Jan 29, 2019 by 何乐 Committed by 陈帅 Jan 29, 2019
Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 3 deletions

src/components/SiderMenu/index.less src/components/SiderMenu/index.less +12 -3

No files found.
--- a/src/components/SiderMenu/index.less
+++ b/src/components/SiderMenu/index.less
@@ -35,9 +35,18 @@
    position: fixed;
    top: 0;
    left: 0;
-    :global(.ant-menu-root) {
+    :global {
-      overflow-y: auto;
+      .ant-menu-root {
-      height: ~'calc(100vh - @{nav-header-height})';
+        overflow-y: auto;
+        height: ~'calc(100vh - @{nav-header-height})';
+      }
+      .ant-menu-inline {
+        border-right: 0;
+        .ant-menu-item,
+        .ant-menu-submenu-title {
+          width: 100%;
+        }
+      }
    }
  }
  &.light {