refactor file structure

browser/main/SideNav/SideNav.styl

@@ -0,0 +1,120 @@
+.root
+  absolute top bottom left
+  width 200px
+  border-right solid 1px $nav-border-color
+  background-color $nav-background-color
+  user-select none
+  color $nav-text-color
+
+.top
+  height 60px
+  border-bottom solid 1px $nav-border-color
+
+.top-menu
+  navButtonColor()
+  height 59px
+  padding 0 10px
+  font-size 14px
+  width 100%
+  text-align left
+
+.top-menu-label
+  margin-left 5px
+
+.menu
+  margin-top 15px
+
+.menu-button
+  navButtonColor()
+  height 44px
+  padding 0 10px
+  font-size 14px
+  width 100%
+  text-align left
+
+.menu-button--active
+  @extend .menu-button
+  background-color $nav-active-background
+  color $nav-text-color
+  &:hover
+    background-color $nav-active-background
+
+.menu-button-label
+  margin-left 5px
+
+.repositoryList
+  absolute left right bottom
+  top 178px
+  overflow-y auto
+
+.repositoryList-empty
+  padding 0 10px
+  margin-top 15px
+  line-height 24px
+  color $nav-inactive-color
+
+.navToggle
+  display block
+  position absolute
+  right 5px
+  bottom 5px
+  border-radius 16.5px
+  height 33px
+  width 33px
+  color $nav-inactive-text-color
+  border none
+  background-color transparent
+  transition color background-color 0.15s
+  &:hover
+    background-color $nav-hover-background
+    color $nav-inactive-text-color
+  &:active
+    background-color $nav-active-background
+    color $nav-text-color
+
+.root-folded
+  @extend .root
+  width 44px
+  .top-menu
+    width 44px
+    text-align center
+    &:hover .top-menu-label
+      width 100px
+  .top-menu-label
+    position fixed
+    display inline-block
+    height 34px
+    left 44px
+    width 0
+    margin-top -5px
+    margin-left 0
+    overflow hidden
+    background-color $nav-tooltip-background-color
+    color white
+    line-height 34px
+    border-top-right-radius 5px
+    border-bottom-right-radius 5px
+    transition width 0.15s
+    pointer-events none
+  .menu-button, .menu-button--active
+    width 44px
+    text-align center
+    &:hover .menu-button-label
+      width 100px
+  .menu-button-label
+    position fixed
+    display inline-block
+    height 34px
+    left 44px
+    width 0
+    padding-left 0
+    margin-top -9px
+    margin-left 0
+    overflow ellipsis
+    background-color $nav-tooltip-background-color
+    color white
+    line-height 34px
+    border-top-right-radius 5px
+    border-bottom-right-radius 5px
+    transition width 0.15s
+    pointer-events none