1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

Add tooltip to full-screen-btn on the snippet note detail

This commit is contained in:
Kazu Yokomizo
2018-01-24 16:16:14 -05:00
parent e7e8f11a74
commit 7a116966fa
3 changed files with 17 additions and 1 deletions

View File

@@ -46,7 +46,7 @@ $info-margin-under-border = 30px
.info-right
z-index 101
display inline-flex
margin-top 5px
margin-top 3px
.undo-button
width 34px

View File

@@ -634,6 +634,7 @@ class SnippetNoteDetail extends React.Component {
<button styleName='control-fullScreenButton' title='Fullscreen'
onMouseDown={(e) => this.handleFullScreenButton(e)}>
<img styleName='iconInfo' src='../resources/icon/icon-full.svg' />
<span styleName='tooltip'>Fullscreen</span>
</button>
<TrashButton onClick={(e) => this.handleTrashButtonClick(e)} />

View File

@@ -69,6 +69,21 @@
top 80px
margin-bottom 10px
topBarButtonRight()
&:hover .tooltip
opacity 1
.tooltip
tooltip()
position absolute
pointer-events none
top 50px
right 70px
z-index 200
padding 5px
line-height normal
border-radius 2px
opacity 0
transition 0.1s
body[data-theme="white"]
.root