1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 19:21:52 +00:00

modify: move zoom-pointer to left on note detail component

This commit is contained in:
sota1235
2017-01-14 14:45:44 +09:00
parent cfa40f3ec1
commit f0fcaa6be7
2 changed files with 10 additions and 7 deletions

View File

@@ -56,6 +56,7 @@
.override .override
absolute bottom left absolute bottom left
left 60px
height 23px height 23px
z-index 1 z-index 1
button button

View File

@@ -52,19 +52,21 @@ class StatusBar extends React.Component {
<div className='StatusBar' <div className='StatusBar'
styleName='root' styleName='root'
> >
<div styleName='blank' />
{status.updateReady
? <button onClick={this.updateApp} styleName='update'>
<i styleName='update-icon' className='fa fa-cloud-download' /> Ready to Update!
</button>
: null
}
<button styleName='zoom' <button styleName='zoom'
onClick={(e) => this.handleZoomButtonClick(e)} onClick={(e) => this.handleZoomButtonClick(e)}
> >
<i className='fa fa-search-plus' />&nbsp; <i className='fa fa-search-plus' />&nbsp;
{Math.floor(config.zoom * 100)}% {Math.floor(config.zoom * 100)}%
</button> </button>
<div styleName='blank' />
{status.updateReady
? <button onClick={this.updateApp} styleName='update'>
<i styleName='update-icon' className='fa fa-cloud-download' /> Ready to Update!
</button>
: null
}
</div> </div>
) )
} }