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

Fix note list layout

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-11-14 20:54:31 +09:00
parent 0aaea28e74
commit 148fb25a15
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
browser/components/NoteItem.styl
View File

@@ -149,13 +149,15 @@ body[data-theme="white"]
.item .item
background-color $ui-white-noteList-backgroundColor background-color $ui-white-noteList-backgroundColor
&:hover &:hover
background-color alpha($ui-button--active-backgroundColor, 40%) background-color alpha($ui-button--active-backgroundColor, 60%)
&:active &:active
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
.item--active .item--active
@extend .item @extend .item
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
&:hover
background-color alpha($ui-button--active-backgroundColor, 60%)
body[data-theme="dark"] body[data-theme="dark"]
.root .root
@@ -208,7 +210,7 @@ body[data-theme="dark"]
background-color alpha(white, 10%) background-color alpha(white, 10%)
color $ui-dark-text-color color $ui-dark-text-color
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 50%) background-color alpha($ui-dark-button--active-backgroundColor, 60%)
color #c0392b color #c0392b
.item-bottom-tagList-item .item-bottom-tagList-item
background-color alpha(#fff, 20%) background-color alpha(#fff, 20%)

6
browser/components/NoteItemSimple.styl
View File

@@ -71,13 +71,15 @@ body[data-theme="white"]
.item-simple .item-simple
background-color $ui-white-noteList-backgroundColor background-color $ui-white-noteList-backgroundColor
&:hover &:hover
background-color alpha($ui-button--active-backgroundColor, 40%) background-color alpha($ui-button--active-backgroundColor, 60%)
&:active &:active
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
.item-simple--active .item-simple--active
@extend .item-simple @extend .item-simple
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
&:hover
background-color alpha($ui-button--active-backgroundColor, 60%)
body[data-theme="dark"] body[data-theme="dark"]
.root .root
@@ -127,7 +129,7 @@ body[data-theme="dark"]
background-color alpha(white, 10%) background-color alpha(white, 10%)
color $ui-dark-text-color color $ui-dark-text-color
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 50%) background-color alpha($ui-dark-button--active-backgroundColor, 60%)
color #c0392b color #c0392b
.item-simple-bottom-tagList-item .item-simple-bottom-tagList-item
background-color alpha(#fff, 20%) background-color alpha(#fff, 20%)