From 60ff1ec0bb779d033669797327781dbc525c3359 Mon Sep 17 00:00:00 2001
From: zuiidea <zuiiidea@gmail.com>
Date: Fri, 13 Jan 2017 22:42:54 +0800
Subject: [PATCH] fix:menu vertical

---
 src/components/layout/main.less | 14 +-------------
 src/components/layout/menu.js   |  3 +--
 src/components/layout/sider.js  |  2 +-
 3 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/src/components/layout/main.less b/src/components/layout/main.less
index dd505f5..2d5a23a 100644
--- a/src/components/layout/main.less
+++ b/src/components/layout/main.less
@@ -107,18 +107,6 @@
       }
     }
 
-    .siderMenu {
-      position: absolute;
-      width: 100%;
-      max-height: ~"calc(100% - 88px)";
-      overflow-y: scroll;
-      overflow-x: hidden;
-
-      &::-webkit-scrollbar-thumb {
-        display: none;
-      }
-    }
-
     .switchtheme {
       width: 100%;
       position: absolute;
@@ -157,7 +145,7 @@
 
         .ant-menu-item,
         .ant-menu-submenu-title {
-          overflow: hidden;
+          overflow: auto;
           white-space: normal;
         }
       }
diff --git a/src/components/layout/menu.js b/src/components/layout/menu.js
index 5388654..9344ccd 100644
--- a/src/components/layout/menu.js
+++ b/src/components/layout/menu.js
@@ -26,11 +26,10 @@ const getMenus = function (menuArray, siderFold, parentPath) {
   })
 }
 
-function Menus ({ siderFold, darkTheme, location, isNavbar, handleClickNavMenu, className }) {
+function Menus ({ siderFold, darkTheme, location, isNavbar, handleClickNavMenu }) {
   const menuItems = getMenus(menu, siderFold)
   return (
     <Menu
-      className={className}
       mode={siderFold ? 'vertical' : 'inline'}
       theme={darkTheme ? 'dark' : 'light'}
       onClick={handleClickNavMenu}
diff --git a/src/components/layout/sider.js b/src/components/layout/sider.js
index ec2cafc..882fa92 100644
--- a/src/components/layout/sider.js
+++ b/src/components/layout/sider.js
@@ -16,7 +16,7 @@ function Sider ({ siderFold, darkTheme, location, changeTheme }) {
         <img src={config.logoSrc} />
         {siderFold ? '' : <span>{config.logoText}</span>}
       </div>
-      <Menus {...menusProps} className={styles.siderMenu} />
+      <Menus {...menusProps} />
       {!siderFold ? <div className={styles.switchtheme}>
         <span><Icon type='bulb' />切换主题</span>
         <Switch onChange={changeTheme} defaultChecked={darkTheme} checkedChildren='黑' unCheckedChildren='白' />