From c151049cc21d545e434f1188aa7cfc744c0671ce Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Wed, 4 Apr 2018 21:17:07 +0900
Subject: [PATCH] fix folded storagelist width

---
 browser/components/StorageList.js   | 4 ++--
 browser/components/StorageList.styl | 4 ++++
 browser/main/SideNav/index.js       | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/browser/components/StorageList.js b/browser/components/StorageList.js
index 33557eb36..739a5f9a5 100644
--- a/browser/components/StorageList.js
+++ b/browser/components/StorageList.js
@@ -10,8 +10,8 @@ import CSSModules from 'browser/lib/CSSModules'
 * @param {Array} storgaeList
 */
 
-const StorageList = ({storageList}) => (
-  <div styleName='storageList'>
+const StorageList = ({storageList, isFolded}) => (
+  <div styleName={isFolded ? 'storageList-folded' : 'storageList'}>
     {storageList.length > 0 ? storageList : (
       <div styleName='storgaeList-empty'>No storage mount.</div>
     )}
diff --git a/browser/components/StorageList.styl b/browser/components/StorageList.styl
index dfb06b45c..474f896b4 100644
--- a/browser/components/StorageList.styl
+++ b/browser/components/StorageList.styl
@@ -4,6 +4,10 @@
   top 180px
   overflow-y auto
 
+.storageList-folded
+  @extend .storageList
+  width 44px
+
 .storageList-empty
   padding 0 10px
   margin-top 15px
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 2298a5552..149b64f93 100644
--- a/browser/main/SideNav/index.js
+++ b/browser/main/SideNav/index.js
@@ -108,7 +108,7 @@ class SideNav extends React.Component {
             handleFilterButtonContextMenu={this.handleFilterButtonContextMenu.bind(this)}
           />
 
-          <StorageList storageList={storageList} />
+          <StorageList storageList={storageList} isFolded={isFolded} />
           <NavToggleButton isFolded={isFolded} handleToggleButtonClick={this.handleToggleButtonClick.bind(this)} />
         </div>
       )