1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

design update 2

This commit is contained in:
Yutaka Ishii
2017-11-18 13:46:46 +09:00
parent 3c70b2e5a0
commit b6efbcedef
61 changed files with 741 additions and 90 deletions

View File

@@ -5,19 +5,23 @@
.header
position relative
height 25px
height 36px
width 100%
margin-bottom 5px
transition 0.15s
display flex
align-items center
.header--active
margin-bottom 5px
background-color $ui-button-default--active-backgroundColor
background-color alpha($ui-button-default--active-backgroundColor, 20%)
transition color background-color 0.15s
display flex
align-items center
.header-toggleButton
.header-info
.header-addFolderButton
color $ui-button-default-color
color #1EC38B
.header-toggleButton
navButtonColor()
@@ -37,23 +41,24 @@
navButtonColor()
display block
width 100%
height 25px
padding-left 23px
padding-right 10px
height 36px
padding-left 25px
padding-right 15px
line-height 22px
cursor pointer
font-size 13px
font-size 14px
border none
overflow ellipsis
text-align left
font-weight 600;
background-color transparent
&:hover
color $ui-button-default-color
color #1EC38B
background-color alpha($ui-button-default--active-backgroundColor, 20%)
transition background-color 0.15s
&:active, &:active:hover
color $ui-button-default-color
background-color $ui-button-default--active-backgroundColor
color #1EC38B
background-color alpha($ui-button-default--active-backgroundColor, 20%)
.header-info-path
font-size 10px
@@ -62,12 +67,11 @@
.header-addFolderButton
navButtonColor()
position absolute
right 0
right 10px
width 25px
height 25px
padding 0
border none
margin-right 5px
border-radius 50%
&:hover
transition 0.2s