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

improve style of StatusBar & display pathname from StatusBar

Browse Source
This commit is contained in:
Rokt33r
2016-05-14 19:03:05 +09:00
parent da19066fb8
commit ce52d5cf42
2 changed files with 20 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
browser/main/StatusBar/StatusBar.styl
View File

@@ -1,9 +1,19 @@
.root .root
absolute bottom left right absolute bottom left right
height 24px height $statusBar-height
border-top $ui-border border-top $ui-border
background-color $ui-backgroundColor background-color $ui-backgroundColor
.pathname
absolute left
height 24px
overflow ellipsis
width 350px
line-height 24px
font-size 12px
padding 0 15px
color $ui-inactive-text-color
.zoom .zoom
navButtonColor() navButtonColor()
absolute right absolute right
@@ -21,3 +31,8 @@
border-width 0 0 0 1px border-width 0 0 0 1px
border-style solid border-style solid
border-color $ui-borderColor border-color $ui-borderColor
&:active .update-icon
color white
.update-icon
color $brand-color

6
browser/main/StatusBar/index.js
View File

@@ -49,14 +49,16 @@ class StatusBar extends React.Component {
} }
render () { render () {
let { config } = this.props let { config, location } = this.props
return ( return (
<div className='StatusBar' <div className='StatusBar'
styleName='root' styleName='root'
> >
<div styleName='pathname'>{location.pathname}</div>
{this.state.updateAvailable {this.state.updateAvailable
? <button onClick={this.updateApp} styleName='update'> ? <button onClick={this.updateApp} styleName='update'>
<i className='fa fa-cloud-download'/> Update is available! <i styleName='update-icon' className='fa fa-cloud-download'/> Update is available!
</button> </button>
: null : null
} }