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

modify: Fix the star-btn layout at NoteDetail

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-21 15:48:57 +09:00
parent c07e334f03
commit e350dca72c
1 changed files with 29 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,20 +2,27 @@
left 7px left 7px
top 0 top 0
padding 0 padding 0
color alpha($ui-favorite-star-button-color, 60%)
&:hover &:hover
background-color #DCDCDC transition 0.15s
.icon background-color alpha($ui-button--active-backgroundColor, 40%)
transform rotate(-72deg) color $ui-favorite-star-button-color
.tooltip &:active
opacity 1 transition 0.15s
background-color alpha($ui-button--active-backgroundColor, 40%)
color $ui-favorite-star-button-color
.root--active .root--active
@extend .root @extend .root
color $ui-favorite-star-button-color color $ui-favorite-star-button-color
&:hover &:hover
transition 0.15s
color $ui-favorite-star-button-color color $ui-favorite-star-button-color
.icon background-color alpha($ui-button--active-backgroundColor, 40%)
transform rotate(-72deg) &:active
transition 0.15s
color $ui-favorite-star-button-color
background-color alpha($ui-button--active-backgroundColor, 40%)
.icon .icon
transition transform 0.15s transition transform 0.15s
@@ -23,4 +30,18 @@
body[data-theme="dark"] body[data-theme="dark"]
.root .root
&:hover &:hover
background-color #272B32 transition 0.15s
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
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%)