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

Change the SideNav layout

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-07 00:38:49 +09:00
parent 573d3ce11e
commit c1051afdc0
4 changed files with 42 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/SideNavFilter.styl
View File

@@ -53,7 +53,7 @@ body[data-theme="dark"]
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-button--active-color
.menu-button--active .menu-button--active
color $ui-dark-button--active-color color $ui-dark-button--active-color
background-color $ui-dark-button--active-backgroundColor background-color $ui-dark-button--active-backgroundColor

22
browser/components/StorageItem.styl
View File

@@ -33,7 +33,7 @@
.folderList-item-name .folderList-item-name
display block display block
flex 1 flex 1
padding 0 30px padding 0 15px
height 26px height 26px
line-height 26px line-height 26px
border-width 0 0 0 3px border-width 0 0 0 3px
@@ -68,3 +68,23 @@
.folderList-item-name--folded .folderList-item-name--folded
@extend .folderList-item-name @extend .folderList-item-name
padding-left 12px padding-left 12px
body[data-theme="dark"]
.folderList-item
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-button--active-color
&:active
color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor
.folderList-item--active
@extend .folderList-item
color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor
&:active
background-color $ui-dark-button--active-backgroundColor
&:hover
color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor

9
browser/main/SideNav/SideNav.styl
View File

@@ -110,10 +110,11 @@ body[data-theme="dark"]
.top-menu .top-menu
navDarkButtonColor() navDarkButtonColor()
&:active
background-color $ui-dark-button--active-backgroundColor
&:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-button--active-color
.storageList-empty .storageList-empty
color $ui-dark-inactive-text-color color $ui-dark-inactive-text-color
.navToggle
navDarkButtonColor()

23
browser/main/SideNav/StorageItem.styl
View File

@@ -108,16 +108,21 @@
margin 0 5px margin 0 5px
body[data-theme="dark"] body[data-theme="dark"]
.header-toggleButton .header
.header-addFolderButton
color $ui-dark-inactive-text-color
&:hover &:hover
color $ui-dark-text-color background-color alpha($ui-dark-button--active-backgroundColor, 20%)
color $ui-button--active-color
&:active &:active
color $ui-dark-active-color color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor
.header--active .header--active
.header-toggleButton @extend .header
.header-addFolderButton .header-info
color white color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor
&:active &:active
color white background-color $ui-dark-button--active-backgroundColor
&:hover
color $ui-button--active-color
background-color $ui-dark-button--active-backgroundColor