diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js index 186cd7ab..a427198b 100644 --- a/browser/main/Detail/MarkdownNoteDetail.js +++ b/browser/main/Detail/MarkdownNoteDetail.js @@ -232,7 +232,7 @@ class MarkdownNoteDetail extends React.Component { } getToggleLockButton () { - return this.state.isLocked ? 'fa-lock' : 'fa-unlock' + return this.state.isLocked ? 'fa-eye-slash' : 'fa-eye' } handleDeleteKeyDown (e) { @@ -339,9 +339,6 @@ class MarkdownNoteDetail extends React.Component { onMouseDown={(e) => this.handleLockButtonMouseDown(e)} > - - {this.state.isLocked ? 'Unlock Editor' : 'Keep Editor Locked'} - return ( this.state.isLockButtonShown ? lockButtonComponent : '' diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl index f6708ce8..a4ed7762 100644 --- a/browser/main/Detail/MarkdownNoteDetail.styl +++ b/browser/main/Detail/MarkdownNoteDetail.styl @@ -14,18 +14,6 @@ top 160px topBarButtonLight() -.control-lockButton-tooltip - tooltip() - position fixed - pointer-events none - top 50px - z-index 200 - padding 5px - line-height normal - border-radius 2px - opacity 0 - transition 0.1s - .trashed-infopanel top 40px position relative diff --git a/browser/styles/index.styl b/browser/styles/index.styl index 7f7b0f7a..dd572191 100644 --- a/browser/styles/index.styl +++ b/browser/styles/index.styl @@ -186,12 +186,13 @@ topBarButtonLight() border-radius 17px font-size 14px border none - color alpha($ui-button-color, 0.3) + color alpha($ui-button-color, 0.4) fill $ui-button-color background-color transparent &:active border-color $ui-button--active-backgroundColor &:hover + transform scale(1.1) transition 0.4s color $ui-button-color .control-lockButton-tooltip