public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 19:21:52 +00:00
Code Issues Releases Wiki Activity

Fix the layout of nav-btn at setting modal

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-04-13 12:14:36 +09:00
parent e103605956
commit 29dc3bd550
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
browser/main/modals/PreferencesModal/PreferencesModal.styl
View File

@@ -45,22 +45,20 @@ top-bar--height = 50px
text-align left text-align left
width 100px width 100px
margin 4px 0 margin 4px 0
padding 7px 0 padding 5px 0
padding-left 7px padding-left 10px
border none border none
border-radius 3px border-radius 2px
background-color transparent background-color transparent
color $ui-text-color color $ui-text-color
font-size 14px font-size 14px
&:hover
color $ui-active-color
.nav-button--active .nav-button--active
@extend .nav-button @extend .nav-button
color white color $ui-text-color
background-color $ui-active-color background-color $ui-button--active-backgroundColor
&:hover &:hover
color white color $ui-text-color
.nav-button-icon .nav-button-icon
display block display block
@@ -91,3 +89,10 @@ body[data-theme="dark"]
color $tab--dark-text-color color $tab--dark-text-color
&:hover &:hover
color $ui-dark-text-color color $ui-dark-text-color
.nav-button--active
@extend .nav-button
color white
background-color $dark-primary-button-background--active
&:hover
color white