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:
@@ -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
|
||||
|
||||
@@ -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)} />
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user