mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-15 02:36:36 +00:00
modify: remove duplicated codes
This commit is contained in:
@@ -51,125 +51,6 @@ $control-height = 30px
|
|||||||
top $control-height
|
top $control-height
|
||||||
overflow auto
|
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"]
|
body[data-theme="dark"]
|
||||||
.root
|
.root
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
@@ -178,48 +59,6 @@ body[data-theme="dark"]
|
|||||||
.control
|
.control
|
||||||
background-color $ui-dark-noteList-backgroundColor
|
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
|
.control
|
||||||
background-color $ui-dark-noteList-backgroundColor
|
background-color $ui-dark-noteList-backgroundColor
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
|
|||||||
Reference in New Issue
Block a user