From 7891d14a0abd97b71fd528646e81e86b90f4eeec Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Fri, 14 Apr 2017 15:38:45 +0900 Subject: [PATCH] Fix the hover/active layout at NoteItemSimple --- browser/components/NoteItemSimple.styl | 33 ++++++++++++++++---------- 1 file changed, 21 insertions(+), 12 deletions(-) diff --git a/browser/components/NoteItemSimple.styl b/browser/components/NoteItemSimple.styl index c07c1817..dbd09a37 100644 --- a/browser/components/NoteItemSimple.styl +++ b/browser/components/NoteItemSimple.styl @@ -14,6 +14,10 @@ $control-height = 30px transition background-color 0.15s &:hover background-color alpha($ui-button--active-backgroundColor, 40%) + .item-simple-title + .item-simple-title-empty + .item-simple-title-icon + color $ui-text-color &:active background-color $ui-button--active-backgroundColor color $ui-text-color @@ -63,27 +67,32 @@ body[data-theme="dark"] border-color $ui-dark-borderColor background-color $ui-dark-noteList-backgroundColor &:active - color white 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 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 - @extend .item-simple border-color $ui-dark-borderColor background-color $ui-dark-button--active-backgroundColor - color white .item-simple-title - color white .item-simple-title-icon - color white - .item-simple-title-empty - color white - border-color transparent - &:active - color white - &:hover - background-color $ui-dark-button--active-backgroundColor + .item-simple-bottom-time + color $ui-dark-text-color + .item-simple-bottom-tagList-item + background-color transparent + color $ui-dark-text-color .item-simple-title color $ui-inactive-text-color