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

enable tooltip-label of Preference

Browse Source
This commit is contained in:
Sosuke Suzuki
2017-10-21 13:37:10 +09:00
parent fe51c232b6
commit 2aeb53920c
2 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -75,6 +75,27 @@
width 43px width 43px
height 60px height 60px
text-align center text-align center
&:hover .top-menu-label
transition opacity 0.15s
opacity 1
.top-menu-label
position fixed
display inline-block
height 30px
left 43px
padding 0 10px
margin-top -8px
opacity 0
margin-left 0
overflow hidden
background-color $ui-tooltip-backgroundColor
z-index 10
color white
line-height 30px
border-top-right-radius 2px
border-bottom-right-radius 2px
pointer-events none
font-size 12px
body[data-theme="dark"] body[data-theme="dark"]
.root, .root--folded .root, .root--folded

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

@@ -150,6 +150,7 @@ class SideNav extends React.Component {
onClick={(e) => this.handleMenuButtonClick(e)} onClick={(e) => this.handleMenuButtonClick(e)}
> >
<i className='fa fa-wrench fa-fw' /> <i className='fa fa-wrench fa-fw' />
<span styleName='top-menu-label'>Preferences</span>
</button> </button>
</div> </div>
</div> </div>