renew SideNav

add contextmenu
fix MutableSet bug

browser/main/SideNav/StorageItem.styl

@@ -9,15 +9,22 @@
     background-color $ui-button--hover-backgroundColor
   &:active
     .header-toggleButton
+    .header-addFolderButton
       color white
+      &:active
+        color $ui-active-color
+
 .header--active
   @extend .header
   .header-info
     color $ui-button--active-color
     background-color $ui-button--active-backgroundColor
   .header-toggleButton
+  .header-addFolderButton
     color white
     &:active
+    &:hover
+    &:hover:active
       color white
 
 .header-toggleButton
@@ -55,8 +62,23 @@
 .header-info-path
   font-size 10px
   margin 0 5px
+
+.header-addFolderButton
+  position absolute
+  right 0
+  width 25px
+  height 26px
+  padding 0
+  border none
+  color $ui-inactive-text-color
+  background-color transparent
+  &:hover
+    color $ui-text-color
+  &:active
+    color $ui-active-color
+
 .folderList-item
-  display block
+  display flex
   width 100%
   height 26px
   background-color transparent
@@ -74,6 +96,7 @@
   &:active
     color $ui-button--active-color
     background-color $ui-button--active-backgroundColor
+
 .folderList-item--active
   @extend .folderList-item
   color $ui-button--active-color
@@ -81,14 +104,23 @@
   &:hover
     color $ui-button--active-color
     background-color $ui-button--active-backgroundColor
+
 .folderList-item-name
   display block
+  flex 1
   padding 0 10px
   height 26px
   line-height 26px
   border-width 0 0 0 6px
   border-style solid
   border-color transparent
+
+.folderList-item-noteCount
+  float right
+  line-height 26px
+  padding-right 5px
+  font-size 12px
+
 .folderList-item-tooltip
   tooltip()
   position fixed
@@ -102,6 +134,7 @@
   height 26px
   margin-top -26px
   line-height 26px
+
 .root--folded
   @extend .root
   .header
@@ -133,3 +166,17 @@
       opacity 1
   .folderList-item-name
     padding-left 14px
+body[data-theme="dark"]
+  .header-toggleButton
+  .header-addFolderButton
+    color $ui-dark-inactive-text-color
+    &:hover
+      color $ui-dark-text-color
+    &:active
+      color $ui-dark-active-color
+  .header--active
+    .header-toggleButton
+    .header-addFolderButton
+      color white
+      &:active
+        color white