diff --git a/browser/main/NoteList/NoteList.styl b/browser/main/NoteList/NoteList.styl index b36344a3..0adb3678 100644 --- a/browser/main/NoteList/NoteList.styl +++ b/browser/main/NoteList/NoteList.styl @@ -51,125 +51,6 @@ $control-height = 30px top $control-height overflow auto -.item - position relative - padding 20px 25px - user-select none - cursor pointer - background-color $ui-noteList-backgroundColor - transition background-color 0.15s - &:hover - background-color alpha($ui-active-color, 20%) - &:active - background-color $ui-active-color - color white - .item-title - .item-title-empty - .item-title-icon - .item-bottom-tagIcon - .item-bottom-tagList-empty - .item-bottom-time - color white - .item-bottom-tagList-item - background-color transparent - color white - -.item--active - @extend .item - background-color $ui-active-color - color white - .item-title - .item-title-empty - .item-title-icon - .item-bottom-tagIcon - .item-bottom-tagList-empty - .item-bottom-time - color white - .item-bottom-tagList-item - background-color transparent - color white - &:hover - background-color $ui-active-color - -.item-border - absolute top bottom left right - border-style solid - border-width 2px - border-color transparent - transition 0.15s - -.item-title - font-size 14px - height 40px - box-sizing border-box - line-height 24px - padding-top 5px - padding-bottom 20px - overflow ellipsis - color $ui-text-color - -.item-title-icon - font-size 12px - color $ui-inactive-text-color - padding-right 3px - -.item-title-empty - font-weight normal - color $ui-inactive-text-color - -.item-bottom - position relative - bottom 0px - margin-top 2px - height 20px - font-size 12px - line-height 20px - overflow ellipsis - display flex - -.item-bottom-tagIcon - vertical-align middle - color $ui-button-color - height 20px - line-height 20px - -.item-bottom-tagList - flex 1 - overflow ellipsis - line-height 20px - -.item-bottom-tagList-item - font-size 12px - margin-right 8px - padding 0 10px - height 20px - box-sizing border-box - border-radius 20px - vertical-align middle - background-color $ui-tag-backgroundColor - color #FFFFFF - -.item-bottom-tagList-empty - color $ui-inactive-text-color - vertical-align middle - font-size 10px - margin-left 5px - -.item-bottom-time - color $ui-inactive-text-color - font-size 12px - -.item-star - position absolute - top 20px - right 20px - width 34px - height 34px - color $ui-favorite-star-button-color - font-size 14px - padding 0 - border-radius 17px - body[data-theme="dark"] .root border-color $ui-dark-borderColor @@ -178,48 +59,6 @@ body[data-theme="dark"] .control background-color $ui-dark-noteList-backgroundColor - .item - border-color $ui-dark-borderColor - background-color $ui-dark-noteList-backgroundColor - &:active - background-color $ui-active-color - &:hover - background-color alpha($ui-active-color, 20%) - - .item--active - @extend .item - border-color $ui-dark-borderColor - background-color $ui-active-color - .item-title - color white - .item-bottom-tagList-item - background-color transparent - color white - .item-bottom-tagList-empty - color white - &:hover - background-color $ui-active-color - - .item-title - color $ui-dark-text-color - - .item-title-icon - color $ui-darkinactive-text-color - - .item-title-empty - color $ui-dark-inactive-text-color - - .item-bottom-tagIcon - color $ui-dark-button-color - - .item-bottom-tagList-item - background-color $ui-dark-tag-backgroundColor - color $ui-dark-text-color - - .item-bottom-tagList-empty - color $ui-inactive-text-color - vertical-align middle - .control background-color $ui-dark-noteList-backgroundColor border-color $ui-dark-borderColor