1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-23 22:51:42 +00:00

add tooltip

This commit is contained in:
Dick Choi
2016-07-27 14:13:54 +09:00
parent 3e699a99d5
commit 49acd8a4f3
10 changed files with 95 additions and 23 deletions

View File

@@ -313,16 +313,25 @@ class StorageItem extends React.Component {
onClick={(e) => this.handleNewFolderButtonClick(e)}
>
<i className='fa fa-plus'/>
<span styleName='header-control-button-tooltip'
style={{left: -20}}
>Add Folder</span>
</button>
<button styleName='header-control-button'
onClick={(e) => this.handleExternalButtonClick(e)}
>
<i className='fa fa-external-link'/>
<span styleName='header-control-button-tooltip'
style={{left: -50}}
>Open Storage folder</span>
</button>
<button styleName='header-control-button'
onClick={(e) => this.handleUnlinkButtonClick(e)}
>
<i className='fa fa-unlink'/>
<span styleName='header-control-button-tooltip'
style={{left: -10}}
>Unlink</span>
</button>
</div>
</div>

View File

@@ -47,8 +47,21 @@
border-radius 2px
border $ui-border
margin-right 5px
position relative
&:last-child
margin-right 0
&:hover
.header-control-button-tooltip
opacity 1
.header-control-button-tooltip
tooltip()
position absolute
opacity 0
padding 5px
top 25px
z-index 10
white-space nowrap
.folderList-item
height 35px