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

Fix star button at note detail

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-11-14 21:00:10 +09:00
parent 148fb25a15
commit e933ad89dc
2 changed files with 11 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
browser/main/Detail/StarButton.styl
View File

@@ -1,28 +1,24 @@
.root .root
top 45px top 45px
topBarButtonLight() topBarButtonLight()
&:hover
transition 0.2s
color alpha($ui-favorite-star-button-color, 0.6)
.root--active .root--active
@extend .root @extend .root
transition 0.15s
color $ui-favorite-star-button-color
&:hover
transition 0.2s
color alpha($ui-favorite-star-button-color, 0.6)
.icon .icon
transition transform 0.15s transition transform 0.15s
body[data-theme="dark"] body[data-theme="dark"]
.root .root
topBarButtonDark()
&:hover &:hover
transition 0.15s transition 0.2s
background-color alpha($ui-dark-button--active-backgroundColor, 20%) color alpha($ui-favorite-star-button-color, 0.6)
color $ui-favorite-star-button-color
&:active
transition 0.15s
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-favorite-star-button-color
.root--active
@extend .root
color $ui-favorite-star-button-color
&:hover
transition 0.15s
color $ui-favorite-star-button-color
background-color alpha($ui-dark-button--active-backgroundColor, 20%)

2
browser/styles/index.styl
View File

@@ -283,12 +283,10 @@ topBarButtonDark()
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
color $ui-dark-topbar-button-color color $ui-dark-topbar-button-color
&:hover &:hover
background-color $dark-default-button-background--hover
color $ui-dark-tooltip-text-color color $ui-dark-tooltip-text-color
&:active &:active
border-color $ui-dark-button--focus-borderColor border-color $ui-dark-button--focus-borderColor
&:active:hover &:active:hover
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-tooltip-text-color color $ui-dark-tooltip-text-color
&:focus &:focus
border-color $ui-button--focus-borderColor border-color $ui-button--focus-borderColor