mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-15 10:46:32 +00:00
Fix a style of the lock button
This commit is contained in:
@@ -281,7 +281,7 @@ class MarkdownNoteDetail extends React.Component {
|
|||||||
onFocus={(e) => this.handleFocus(e)}
|
onFocus={(e) => this.handleFocus(e)}
|
||||||
onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
|
onMouseDown={(e) => this.handleLockButtonMouseDown(e)}
|
||||||
>
|
>
|
||||||
<i className={faClassName}/>
|
<i className={faClassName} styleName='lock-button'/>
|
||||||
<span styleName='control-lockButton-tooltip'>
|
<span styleName='control-lockButton-tooltip'>
|
||||||
{this.state.isLocked ? 'Unlock' : 'Lock'}
|
{this.state.isLocked ? 'Unlock' : 'Lock'}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -9,6 +9,9 @@
|
|||||||
background-color $ui-noteDetail-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
box-shadow $note-detail-box-shadow
|
box-shadow $note-detail-box-shadow
|
||||||
|
|
||||||
|
.lock-button
|
||||||
|
padding-bottom 3px
|
||||||
|
|
||||||
.control-lockButton
|
.control-lockButton
|
||||||
width 34px
|
width 34px
|
||||||
height 34px
|
height 34px
|
||||||
|
|||||||
Reference in New Issue
Block a user