resizable SideNav

browser/main/SideNav/SideNav.styl

@@ -22,6 +22,7 @@
 
 .top-menu-label
   margin-left 5px
+  overflow ellipsis
 
 .menu
   margin-top 15px
@@ -33,6 +34,7 @@
   font-size 14px
   width 100%
   text-align left
+  overflow ellipsis
 
 .menu-button--active
   @extend .menu-button

browser/main/SideNav/StorageItem.styl

@@ -65,6 +65,7 @@
   margin 2px 0
   text-align left
   border none
+  overflow ellipsis
   font-size 14px
   &:first-child
     margin-top 0

browser/main/SideNav/index.js

@@ -50,11 +50,13 @@ class SideNav extends React.Component {
         isFolded={isFolded}
       />
     })
-
+    let style = {}
+    if (!isFolded) style.width = this.props.width
     return (
       <div className='SideNav'
         styleName={isFolded ? 'root--folded' : 'root'}
         tabIndex='1'
+        style={style}
       >
         <div styleName='top'>
           <button styleName='top-menu'