From 9838392c43600c7bd93b5922fba254f483f3c5fd Mon Sep 17 00:00:00 2001
From: zuiidea <zuiiidea@gmail.com>
Date: Wed, 30 Nov 2016 10:30:58 +0800
Subject: [PATCH] sider fold

---
 src/components/layout/main.less | 22 +++++++++++++---------
 src/components/vars.less        |  1 +
 src/models/app.js               |  2 +-
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/components/layout/main.less b/src/components/layout/main.less
index 8afc60f..09c50db 100644
--- a/src/components/layout/main.less
+++ b/src/components/layout/main.less
@@ -9,7 +9,6 @@
     .sider{
       width: 42px;
       .logo{
-        // margin: 4px 0;
         img{
           width: 28px;
           margin: 6px 7px;
@@ -54,7 +53,6 @@
     overflow: visible;
     padding-bottom: 24px;
     height: 100vh;
-    transition: @transition-ease-in;
 
     .logo {
       text-align: center;
@@ -62,12 +60,12 @@
       line-height: 40px;
       cursor: pointer;
       margin: 28px 0;
-      transition: @transition-ease-in;
+      transition: @transition-ease-in-out;
 
       img {
         width: 40px;
         margin-right: 8px;
-        transition: @transition-ease-in;
+        transition: @transition-ease-in-out;
       }
 
       span {
@@ -76,6 +74,10 @@
         text-transform: uppercase;
         display: inline-block;
       }
+
+      .anticon{
+        transition: @transition-ease-in-out;
+      }
     }
   }
 
@@ -113,7 +115,6 @@
 
   .main {
     margin-left: 224px;
-    transition: @transition-ease-in;
     overflow: auto;
     height: 100vh;
 
@@ -168,15 +169,18 @@
   &.ant-menu-inline {
     .ant-menu-item-selected {
       background-color: rgba(255,255,255,0.05);
-
-      & > a {
-        color: @primary-color;
-      }
     }
   }
 
   .ant-menu-item-selected {
     color: @primary-color;
+    background-color: rgba(255,255,255,0.05);
+    & > a {
+      color: @primary-color;
+    }
+    &:hover{
+     background-color: rgba(255,255,255,0.05);
+    }
   }
 }
 
diff --git a/src/components/vars.less b/src/components/vars.less
index a97a5cc..eb1fb30 100644
--- a/src/components/vars.less
+++ b/src/components/vars.less
@@ -182,6 +182,7 @@
 
 //transition
 @transition-ease-in : all .3s @ease-in;
+@transition-ease-in-out : all .3s @ease-in-out;
 
 //mix
 .text-overflow(){
diff --git a/src/models/app.js b/src/models/app.js
index 16fc29b..d6e1ce6 100644
--- a/src/models/app.js
+++ b/src/models/app.js
@@ -11,7 +11,7 @@ export default {
       name: "吴彦祖"
     },
     loginButtonLoading: false,
-    siderFold:true,
+    siderFold:false,
     darkTheme:true,
   },
   subscriptions : {