public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Fix the hover/active layout at NoteItemSimple

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-14 15:38:45 +09:00
parent 2df12b6891
commit 7891d14a0a
1 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
browser/components/NoteItemSimple.styl
View File

@@ -14,6 +14,10 @@ $control-height = 30px
transition background-color 0.15s transition background-color 0.15s
&:hover &:hover
background-color alpha($ui-button--active-backgroundColor, 40%) background-color alpha($ui-button--active-backgroundColor, 40%)
.item-simple-title
.item-simple-title-empty
.item-simple-title-icon
color $ui-text-color
&:active &:active
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
color $ui-text-color color $ui-text-color
@@ -63,27 +67,32 @@ body[data-theme="dark"]
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor background-color $ui-dark-noteList-backgroundColor
&:active &:active
color white
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
.item-simple-title
.item-simple-title-icon
.item-simple-bottom-time
.item-simple-bottom-tagList-item
transition 0.15s
color $ui-dark-text-color
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
.item-simple-title
.item-simple-title-icon
.item-simple-bottom-time
.item-simple-bottom-tagList-item
transition 0.15s
color $ui-dark-text-color
.item-simple--active .item-simple--active
@extend .item-simple
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
color white
.item-simple-title .item-simple-title
color white
.item-simple-title-icon .item-simple-title-icon
color white .item-simple-bottom-time
.item-simple-title-empty color $ui-dark-text-color
color white .item-simple-bottom-tagList-item
border-color transparent background-color transparent
&:active color $ui-dark-text-color
color white
&:hover
background-color $ui-dark-button--active-backgroundColor
.item-simple-title .item-simple-title
color $ui-inactive-text-color color $ui-inactive-text-color