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

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