Finder

browser/finder/NoteItem.styl

@@ -0,0 +1,86 @@
+.root
+  position relative
+  height 80px
+  border-bottom $ui-border
+  padding 0 5px
+  user-select none
+  cursor pointer
+  transition background-color 0.15s
+  &:hover
+    background-color alpha($ui-active-color, 10%)
+
+.root--active
+  @extend .root
+  .border
+    border-color $ui-active-color
+
+.border
+  absolute top bottom left right
+  border-style solid
+  border-width 2px
+  border-color transparent
+  transition 0.15s
+
+.info
+  height 30px
+  clearfix()
+  font-size 12px
+  color $ui-inactive-text-color
+  line-height 30px
+  overflow-y hidden
+
+.info-left
+  float left
+  overflow ellipsis
+
+.info-left-folder
+  border-left 4px solid transparent
+  padding 2px 5px
+  color $ui-text-color
+.info-left-folder-surfix
+  font-size 10px
+  margin-left 5px
+  color $ui-inactive-text-color
+.info-right
+  float right
+
+.title
+  height 20px
+  line-height 20px
+  padding 0 5px 0 0
+  font-weight bold
+  overflow ellipsis
+  color $ui-text-color
+.title-icon
+  font-size 12px
+  color $ui-inactive-text-color
+  padding-right 3px
+.title-empty
+  font-weight normal
+  color $ui-inactive-text-color
+
+.tagList
+  height 30px
+  font-size 12px
+  line-height 30px
+  overflow ellipsis
+
+.tagList-icon
+  vertical-align middle
+  color $ui-button-color
+
+.tagList-item
+  margin 0 4px
+  padding 0 4px
+  height 20px
+  border-radius 3px
+  vertical-align middle
+  border-style solid
+  border-color $ui-button--focus-borderColor
+  border-width 0 0 0 3px
+  background-color $ui-backgroundColor
+
+.tagList-empty
+  color $ui-inactive-text-color
+  vertical-align middle
+