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

Fix tags and folder list layout

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-10-15 16:17:06 +09:00
parent 19dc16e14a
commit 10dcbfb891
3 changed files with 31 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
browser/components/SideNavFilter.styl
View File

@@ -17,12 +17,12 @@
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
&:hover &:hover
background-color $ui-button--active-backgroundColor background-color alpha($ui-button--active-backgroundColor, 50%)
color #e74c3c color #e74c3c
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
&:active, &:active:hover &:active, &:active:hover
background-color $ui-button--active-backgroundColor background-color alpha($ui-button--active-backgroundColor, 50%)
color #e74c3c color #e74c3c
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
@@ -34,12 +34,12 @@
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
&:hover &:hover
background-color $ui-button--active-backgroundColor background-color alpha($ui-button--active-backgroundColor, 50%)
color #F9BF3B color #F9BF3B
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
&:active, &:active:hover &:active, &:active:hover
background-color $ui-button--active-backgroundColor background-color alpha($ui-button--active-backgroundColor, 50%)
color #F9BF3B color #F9BF3B
.menu-button-label .menu-button-label
color $ui-text-color color $ui-text-color
@@ -88,7 +88,7 @@ body[data-theme="dark"]
.menu-button-label .menu-button-label
color $ui-dark-text-color color $ui-dark-text-color
&:hover &:hover
background-color $ui-dark-button--active-backgroundColor background-color alpha($ui-dark-button--active-backgroundColor, 50%)
color #c0392b color #c0392b
.menu-button-label .menu-button-label
color $ui-dark-text-color color $ui-dark-text-color
@@ -99,7 +99,7 @@ body[data-theme="dark"]
.menu-button-label .menu-button-label
color $ui-dark-text-color color $ui-dark-text-color
&:hover &:hover
background-color $ui-dark-button--active-backgroundColor background-color alpha($ui-dark-button--active-backgroundColor, 50%)
color $ui-favorite-star-button-color color $ui-favorite-star-button-color
.menu-button-label .menu-button-label
color $ui-dark-text-color color $ui-dark-text-color

6
browser/components/StorageItem.styl
View File

@@ -30,7 +30,7 @@
background-color $ui-button--active-backgroundColor background-color $ui-button--active-backgroundColor
&:hover &:hover
color $ui-text-color color $ui-text-color
background-color $ui-button--active-backgroundColor background-color alpha($ui-button--active-backgroundColor, 50%)
.folderList-item-name .folderList-item-name
display block display block
@@ -86,7 +86,7 @@ body[data-theme="dark"]
color $ui-dark-text-color color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
&:active &:active
background-color $ui-dark-button--active-backgroundColor background-color alpha($ui-dark-button--active-backgroundColor, 50%)
&:hover &:hover
color $ui-dark-text-color color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor background-color alpha($ui-dark-button--active-backgroundColor, 50%)

22
browser/components/TagListItem.styl
View File

@@ -31,6 +31,9 @@
border none border none
overflow ellipsis overflow ellipsis
font-size 12px font-size 12px
&:hover
background-color alpha($ui-button--active-backgroundColor, 60%)
transition 0.2s
.tagList-item-name .tagList-item-name
display block display block
@@ -43,3 +46,22 @@
border-color transparent border-color transparent
overflow hidden overflow hidden
text-overflow ellipsis text-overflow ellipsis
body[data-theme="dark"]
.tagList-item
color $ui-dark-inactive-text-color
&:hover
color $ui-dark-text-color
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
&:active
color $ui-dark-text-color
background-color $ui-dark-button--active-backgroundColor
.tagList-item-active
background-color $ui-dark-button--active-backgroundColor
color $ui-dark-text-color
&:active
background-color alpha($ui-dark-button--active-backgroundColor, 50%)
&:hover
color $ui-dark-text-color
background-color alpha($ui-dark-button--active-backgroundColor, 50%)