public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 10:46:32 +00:00
Code Issues Releases Wiki Activity

Tag button at topbar in sidenav

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-10-15 15:25:31 +09:00
parent 7b171ecc67
commit 0f3e5ee4ed
2 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,11 +21,27 @@
color $ui-text-color color $ui-text-color
background-color alpha($ui-button--active-backgroundColor, 20%) background-color alpha($ui-button--active-backgroundColor, 20%)
.active-button .switch-buttons
background-color $ui-button--active-color background-color transparent
border 1px solid $ui-borderColor
width 100px
margin 20px auto 0px auto
border-radius 1px
.non-active-button .non-active-button
background-color $ui-button-color navButtonColor()
font-weight 600
width 49px
.active-button
@extend .non-active-button
background-color $ui-button--active-backgroundColor
color $ui-text-color
&:hover
background-color alpha($ui-button--active-backgroundColor, 70%)
color alpha($ui-text-color, 70%)
&:active, &:active:hover
background-color $ui-button--active-backgroundColor
.top-menu-label .top-menu-label
margin-left 5px margin-left 5px

12
browser/main/SideNav/index.js
View File

@@ -145,11 +145,13 @@ class SideNav extends React.Component {
<button styleName={isTagActive ? 'non-active-button' : 'active-button'} onClick={this.handleSwitchFoldersButtonClick.bind(this)}>Folders</button> <button styleName={isTagActive ? 'non-active-button' : 'active-button'} onClick={this.handleSwitchFoldersButtonClick.bind(this)}>Folders</button>
<button styleName={isTagActive ? 'active-button' : 'non-active-button'} onClick={this.handleSwitchTagsButtonClick.bind(this)}>Tags</button> <button styleName={isTagActive ? 'active-button' : 'non-active-button'} onClick={this.handleSwitchTagsButtonClick.bind(this)}>Tags</button>
</div> </div>
<button styleName='top-menu' <div>
onClick={(e) => this.handleMenuButtonClick(e)} <button styleName='top-menu'
> onClick={(e) => this.handleMenuButtonClick(e)}
<i className='fa fa-wrench fa-fw' /> >
</button> <i className='fa fa-wrench fa-fw' />
</button>
</div>
</div> </div>
{this.SideNavComponent(isFolded, storageList)} {this.SideNavComponent(isFolded, storageList)}
</div> </div>