From e350dca72c43a5170a69d2bd3552dbb0cf621b36 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Fri, 21 Apr 2017 15:48:57 +0900 Subject: [PATCH] modify: Fix the star-btn layout at NoteDetail --- browser/main/Detail/StarButton.styl | 37 ++++++++++++++++++++++------- 1 file changed, 29 insertions(+), 8 deletions(-) diff --git a/browser/main/Detail/StarButton.styl b/browser/main/Detail/StarButton.styl index f8236ccb..57627982 100644 --- a/browser/main/Detail/StarButton.styl +++ b/browser/main/Detail/StarButton.styl @@ -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 \ No newline at end of file + 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%) \ No newline at end of file