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

modfiy: change style for top bar

Browse Source
This commit is contained in:
sota1235
2016-12-22 15:04:58 +09:00
parent 2356d8a64f
commit ea1d76f853
2 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
browser/main/TopBar/TopBar.styl
View File

@@ -1,19 +1,19 @@
.root .root
position relative position relative
background-color $ui-backgroundColor background-color $ui-noteList-backgroundColor
height $topBar-height - 1 height $topBar-height - 1
.root--expanded .root--expanded
@extend .root @extend .root
$control-height = 34px $control-height = 34px
.control .control
position absolute position absolute
top 8px top 13px
left 8px left 8px
right 8px right 8px
height $control-height height $control-height
border $ui-border
border-radius 20px
overflow hidden overflow hidden
display flex display flex
@@ -28,6 +28,7 @@ $control-height = 34px
line-height 32px line-height 32px
width 35px width 35px
color $ui-inactive-text-color color $ui-inactive-text-color
background-color $ui-noteList-backgroundColor
.control-search-input .control-search-input
display block display block
@@ -38,6 +39,7 @@ $control-height = 34px
height 100% height 100%
outline none outline none
border none border none
background-color $ui-noteList-backgroundColor
.control-search-optionList .control-search-optionList
position fixed position fixed
@@ -82,10 +84,11 @@ $control-height = 34px
.control-newPostButton .control-newPostButton
display block display block
width 36px width 32px
height $control-height - 2 height $control-height - 2
navButtonColor() navButtonColor()
border-left $ui-border border $ui-border
border-radius 32px
font-size 14px font-size 14px
line-height 28px line-height 28px
padding 0 padding 0
@@ -108,7 +111,7 @@ $control-height = 34px
body[data-theme="dark"] body[data-theme="dark"]
.root, .root--expanded .root, .root--expanded
background-color $ui-dark-backgroundColor background-color $ui-dark-noteList-backgroundColor
.control .control
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
@@ -120,11 +123,13 @@ body[data-theme="dark"]
line-height 32px line-height 32px
width 35px width 35px
color $ui-dark-inactive-text-color color $ui-dark-inactive-text-color
background-color $ui-dark-noteList-backgroundColor
.control-search-input .control-search-input
input input
background-color $dark-background-color background-color $ui-dark-noteList-backgroundColor
color $ui-dark-text-color color $ui-dark-text-color
.control-search-optionList .control-search-optionList
color white color white
background-color $ui-dark-button--hover-backgroundColor background-color $ui-dark-button--hover-backgroundColor
@@ -151,6 +156,7 @@ body[data-theme="dark"]
.control-newPostButton .control-newPostButton
colorDarkDefaultButton() colorDarkDefaultButton()
border-color $ui-dark-borderColor border-color $ui-dark-borderColor
background-color $ui-dark-noteList-backgroundColor
&:active &:active
border-color $ui-dark-button--active-backgroundColor border-color $ui-dark-button--active-backgroundColor

2
browser/main/TopBar/index.js
View File

@@ -312,7 +312,7 @@ class TopBar extends React.Component {
onClick={(e) => this.handleNewPostButtonClick(e)}> onClick={(e) => this.handleNewPostButtonClick(e)}>
<i className='fa fa-plus'/> <i className='fa fa-plus'/>
<span styleName='control-newPostButton-tooltip'> <span styleName='control-newPostButton-tooltip'>
New Note {OSX ? '⌘' : '^'} + n Make a Note {OSX ? '⌘' : '^'} + n
</span> </span>
</button> </button>
</div> </div>