From 30f6f074344176d72008432fe4e4478a5d440156 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Tue, 23 Jan 2018 20:50:48 -0500 Subject: [PATCH 01/11] Fix info right buttons layout --- browser/main/Detail/MarkdownNoteDetail.styl | 2 -- browser/main/Detail/NoteDetailInfo.styl | 12 +++------ browser/main/Detail/TagSelect.styl | 3 ++- browser/main/Detail/ToggleModeButton.js | 4 +-- browser/main/Detail/ToggleModeButton.styl | 28 ++++++++++----------- browser/styles/index.styl | 1 - 6 files changed, 21 insertions(+), 29 deletions(-) diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl index 25b6f2da..0cce76ea 100644 --- a/browser/main/Detail/MarkdownNoteDetail.styl +++ b/browser/main/Detail/MarkdownNoteDetail.styl @@ -12,11 +12,9 @@ padding-bottom 3px .control-lockButton - top 150px topBarButtonRight() .trashed-infopanel - top 40px position relative .body diff --git a/browser/main/Detail/NoteDetailInfo.styl b/browser/main/Detail/NoteDetailInfo.styl index 85bf1a12..84344ec6 100644 --- a/browser/main/Detail/NoteDetailInfo.styl +++ b/browser/main/Detail/NoteDetailInfo.styl @@ -1,6 +1,6 @@ @import('DetailVars') -$info-height = 50px +$info-height = 80px $info-margin-under-border = 30px .info @@ -8,11 +8,11 @@ $info-margin-under-border = 30px left 0 right 0 height $info-height - border-bottom 1px solid #eee background-color $ui-noteDetail-backgroundColor width 100% display flex align-items center + padding 0 20px .info-left padding 0 10px @@ -20,7 +20,6 @@ $info-margin-under-border = 30px display flex align-items center - .info-left-top-folderSelect display flex align-items center @@ -45,12 +44,9 @@ $info-margin-under-border = 30px color $ui-button--color .info-right - position absolute - right 40px - top 60px - bottom 1px - padding-left 30px z-index 101 + display inline-flex + margin-top 5px .undo-button width 34px diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index ddd8b0cd..2bccddc0 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -6,7 +6,8 @@ width 100% overflow-x scroll white-space nowrap - margin-right 10px + padding-top 80px + position absolute .root::-webkit-scrollbar display none diff --git a/browser/main/Detail/ToggleModeButton.js b/browser/main/Detail/ToggleModeButton.js index 5a78cc51..e2d143d4 100644 --- a/browser/main/Detail/ToggleModeButton.js +++ b/browser/main/Detail/ToggleModeButton.js @@ -8,10 +8,10 @@ const ToggleModeButton = ({ }) => (
onClick('SPLIT')}> - +
onClick('EDITOR_PREVIEW')}> - +
Toggle Mode
diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index b9d3cc6c..61a047d9 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/browser/main/Detail/ToggleModeButton.styl @@ -1,24 +1,28 @@ .control-toggleModeButton - border 1px solid #eee - height 34px + height 29px + border-radius 50px + background-color #F4F4F4 + width 67px display flex align-items center + position absolute + right 165px + .active + background-color #1EC38B + width 33px + height 30px + box-shadow 2px 0px 7px #eee + z-index 1 div width 40px height 100% - background-color #f9f9f9 + border-radius 50% display flex align-items center justify-content center cursor pointer - &:first-child - border-right 1px solid #eee - .active - background-color #fff - box-shadow 2px 0px 7px #eee - z-index 1 &:hover .tooltip opacity 1 @@ -40,22 +44,16 @@ body[data-theme="dark"] topBarButtonDark() .control-toggleModeButton - border 1px solid #444444 div background-color $ui-dark-noteDetail-backgroundColor - &:first-child - border-right 1px solid #444444 .active background-color #3A404C box-shadow 2px 0px 7px #444444 body[data-theme="solarized-dark"] .control-toggleModeButton - border 1px solid #586E75 div background-color $ui-solarized-dark-noteDetail-backgroundColor - &:first-child - border-right 1px solid #586E75 .active background-color #002B36 box-shadow 2px 0px 7px #222222 \ No newline at end of file diff --git a/browser/styles/index.styl b/browser/styles/index.styl index e8a70e1f..1bd183bf 100644 --- a/browser/styles/index.styl +++ b/browser/styles/index.styl @@ -188,7 +188,6 @@ modal() border-radius $modal-border-radius topBarButtonRight() - position absolute width 34px height 34px border-radius 17px From 747d3a8f13913921efd93eae1bd758a01caa7445 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Tue, 23 Jan 2018 20:55:29 -0500 Subject: [PATCH 02/11] Fix note detail width --- browser/main/Detail/MarkdownNoteDetail.styl | 2 +- browser/main/Detail/SnippetNoteDetail.styl | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/browser/main/Detail/MarkdownNoteDetail.styl b/browser/main/Detail/MarkdownNoteDetail.styl index 0cce76ea..1d3125e3 100644 --- a/browser/main/Detail/MarkdownNoteDetail.styl +++ b/browser/main/Detail/MarkdownNoteDetail.styl @@ -23,7 +23,7 @@ right 0 top $info-height + $info-margin-under-border bottom $statusBar-height - margin 0 45px + margin 0 30px .body-noteEditor absolute top bottom left right diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl index 9823ff5b..f370afc8 100644 --- a/browser/main/Detail/SnippetNoteDetail.styl +++ b/browser/main/Detail/SnippetNoteDetail.styl @@ -9,8 +9,7 @@ .body absolute left right - left $snippet-note-detail-left-margin - right $snippet-note-detail-right-margin + margin 0 30px top $info-height + $info-margin-under-border bottom $statusBar-height background-color $ui-noteDetail-backgroundColor From 2b507e6e2072dc91a58880f75c1e09288ed1d6d5 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Tue, 23 Jan 2018 20:57:57 -0500 Subject: [PATCH 03/11] Zoom button to display none --- browser/main/StatusBar/StatusBar.styl | 27 ++++++++++++++------------- 1 file changed, 14 insertions(+), 13 deletions(-) diff --git a/browser/main/StatusBar/StatusBar.styl b/browser/main/StatusBar/StatusBar.styl index 9f189fec..e055dc0d 100644 --- a/browser/main/StatusBar/StatusBar.styl +++ b/browser/main/StatusBar/StatusBar.styl @@ -21,19 +21,20 @@ color white .zoom - navButtonColor() - color rgba(0,0,0,.54) - height 20px - display flex - padding 0 - align-items center - background-color transparent - &:hover - color $ui-active-color - &:active - color $ui-active-color - span - margin-left 5px + display none + // navButtonColor() + // color rgba(0,0,0,.54) + // height 20px + // display flex + // padding 0 + // align-items center + // background-color transparent + // &:hover + // color $ui-active-color + // &:active + // color $ui-active-color + // span + // margin-left 5px .update navButtonColor() From 81265f1238a9aac4c7d1092341f589ab56623631 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Tue, 23 Jan 2018 21:02:19 -0500 Subject: [PATCH 04/11] Reorder of buttons --- browser/main/Detail/MarkdownNoteDetail.js | 8 ++++---- browser/main/Detail/SnippetNoteDetail.js | 9 +++++---- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/browser/main/Detail/MarkdownNoteDetail.js b/browser/main/Detail/MarkdownNoteDetail.js index 21c9a53f..d64e1817 100644 --- a/browser/main/Detail/MarkdownNoteDetail.js +++ b/browser/main/Detail/MarkdownNoteDetail.js @@ -367,10 +367,6 @@ class MarkdownNoteDetail extends React.Component {
- this.handleInfoButtonClick(e)} - /> - this.handleStarButtonClick(e)} isActive={note.isStarred} @@ -395,6 +391,10 @@ class MarkdownNoteDetail extends React.Component { this.handleTrashButtonClick(e)} /> + this.handleInfoButtonClick(e)} + /> +
- this.handleInfoButtonClick(e)} - /> - this.handleStarButtonClick(e)} isActive={note.isStarred} @@ -641,6 +637,11 @@ class SnippetNoteDetail extends React.Component { this.handleTrashButtonClick(e)} /> + + this.handleInfoButtonClick(e)} + /> + Date: Wed, 24 Jan 2018 15:13:45 -0500 Subject: [PATCH 05/11] Fix tooltip --- browser/main/Detail/FullscreenButton.styl | 4 ++-- browser/main/Detail/InfoButton.styl | 4 ++-- browser/main/Detail/StarButton.styl | 6 +++--- browser/main/Detail/ToggleModeButton.styl | 5 +++-- browser/main/Detail/TrashButton.styl | 4 ++-- 5 files changed, 12 insertions(+), 11 deletions(-) diff --git a/browser/main/Detail/FullscreenButton.styl b/browser/main/Detail/FullscreenButton.styl index 7cee4faa..132df2f8 100644 --- a/browser/main/Detail/FullscreenButton.styl +++ b/browser/main/Detail/FullscreenButton.styl @@ -8,8 +8,8 @@ tooltip() position absolute pointer-events none - top 26px - right 0 + top 65px + right 70px z-index 200 padding 5px line-height normal diff --git a/browser/main/Detail/InfoButton.styl b/browser/main/Detail/InfoButton.styl index a1c302f0..0e9a5af7 100644 --- a/browser/main/Detail/InfoButton.styl +++ b/browser/main/Detail/InfoButton.styl @@ -8,8 +8,8 @@ tooltip() position absolute pointer-events none - top 26px - right 0 + top 65px + right 20px z-index 200 padding 5px line-height normal diff --git a/browser/main/Detail/StarButton.styl b/browser/main/Detail/StarButton.styl index 647f3f23..ae161062 100644 --- a/browser/main/Detail/StarButton.styl +++ b/browser/main/Detail/StarButton.styl @@ -11,9 +11,9 @@ tooltip() position absolute pointer-events none - top 26px - right 0 - width 100% + top 65px + right 115px + width 40px z-index 200 padding 5px line-height normal diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index 61a047d9..76ec90a7 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/browser/main/Detail/ToggleModeButton.styl @@ -30,9 +30,10 @@ tooltip() position absolute pointer-events none - top 47px - right 11px + top 40px + left -3px z-index 200 + width 80px padding 5px line-height normal border-radius 2px diff --git a/browser/main/Detail/TrashButton.styl b/browser/main/Detail/TrashButton.styl index 455d36a6..da107ded 100644 --- a/browser/main/Detail/TrashButton.styl +++ b/browser/main/Detail/TrashButton.styl @@ -8,8 +8,8 @@ tooltip() position absolute pointer-events none - top 26px - right 0 + top 65px + right 50px z-index 200 padding 5px line-height normal From e9a126f58629941202be7ac40f311ac6bffaa180 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 15:19:13 -0500 Subject: [PATCH 06/11] Fix multiple colors --- browser/main/Detail/ToggleModeButton.styl | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index 76ec90a7..11f8cf87 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/browser/main/Detail/ToggleModeButton.styl @@ -45,16 +45,14 @@ body[data-theme="dark"] topBarButtonDark() .control-toggleModeButton - div - background-color $ui-dark-noteDetail-backgroundColor - .active background-color #3A404C + .active + background-color #1EC38B box-shadow 2px 0px 7px #444444 body[data-theme="solarized-dark"] .control-toggleModeButton - div - background-color $ui-solarized-dark-noteDetail-backgroundColor - .active background-color #002B36 + .active + background-color #1EC38B box-shadow 2px 0px 7px #222222 \ No newline at end of file From 8c3ba4ce48ba9fbfeafa1ece41db72e88993ca2b Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 15:26:45 -0500 Subject: [PATCH 07/11] Fix infopanel --- browser/main/Detail/InfoPanel.styl | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/browser/main/Detail/InfoPanel.styl b/browser/main/Detail/InfoPanel.styl index 3baa7e1a..d90dea49 100644 --- a/browser/main/Detail/InfoPanel.styl +++ b/browser/main/Detail/InfoPanel.styl @@ -11,7 +11,7 @@ .control-infoButton-panel z-index 200 margin-top 0px - right 0 + right 25px position absolute padding 20px 25px 0 25px width 300px @@ -69,15 +69,16 @@ color $ui-text-color .infoPanel-sub - font-size 14px + font-size 12px + font-weight 600 color $ui-inactive-text-color padding-bottom 8px .infoPanel-noteLink padding-right 5px - width 200px + width 210px height 25px - margin-bottom 6px + margin 6px 0 .infoPanel-copyButton outline none From 7730b5e20bb53dc91baa28c4481d914aaaf2ebe6 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 15:39:27 -0500 Subject: [PATCH 08/11] Change size of icons on note detail --- browser/main/Detail/SnippetNoteDetail.js | 2 +- resources/icon/icon-full.svg | 2 +- resources/icon/icon-info.svg | 2 +- resources/icon/icon-mode-markdown-off-active.svg | 2 +- resources/icon/icon-mode-split-on-active.svg | 2 +- resources/icon/icon-star.svg | 2 +- resources/icon/icon-starred.svg | 2 +- resources/icon/icon-trash.svg | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js index ac084379..2c6da41c 100644 --- a/browser/main/Detail/SnippetNoteDetail.js +++ b/browser/main/Detail/SnippetNoteDetail.js @@ -633,7 +633,7 @@ class SnippetNoteDetail extends React.Component { this.handleTrashButtonClick(e)} /> diff --git a/resources/icon/icon-full.svg b/resources/icon/icon-full.svg index 621ebacc..6943bd7c 100644 --- a/resources/icon/icon-full.svg +++ b/resources/icon/icon-full.svg @@ -1,5 +1,5 @@ - + icon-full Created with Sketch. diff --git a/resources/icon/icon-info.svg b/resources/icon/icon-info.svg index 253b8cab..12fa696e 100644 --- a/resources/icon/icon-info.svg +++ b/resources/icon/icon-info.svg @@ -1,5 +1,5 @@ - + icon-info Created with Sketch. diff --git a/resources/icon/icon-mode-markdown-off-active.svg b/resources/icon/icon-mode-markdown-off-active.svg index 0159836b..c8ba30ce 100644 --- a/resources/icon/icon-mode-markdown-off-active.svg +++ b/resources/icon/icon-mode-markdown-off-active.svg @@ -1,5 +1,5 @@ - + icon-mode-markdown-off Created with Sketch. diff --git a/resources/icon/icon-mode-split-on-active.svg b/resources/icon/icon-mode-split-on-active.svg index 338d2bd7..ffb62b7c 100644 --- a/resources/icon/icon-mode-split-on-active.svg +++ b/resources/icon/icon-mode-split-on-active.svg @@ -1,5 +1,5 @@ - + icon-mode-split-on Created with Sketch. diff --git a/resources/icon/icon-star.svg b/resources/icon/icon-star.svg index da4abb3d..b62b1f93 100644 --- a/resources/icon/icon-star.svg +++ b/resources/icon/icon-star.svg @@ -1,5 +1,5 @@ - + icon-star Created with Sketch. diff --git a/resources/icon/icon-starred.svg b/resources/icon/icon-starred.svg index 68eb6f07..195351cf 100644 --- a/resources/icon/icon-starred.svg +++ b/resources/icon/icon-starred.svg @@ -1,5 +1,5 @@ - + icon-starred Created with Sketch. diff --git a/resources/icon/icon-trash.svg b/resources/icon/icon-trash.svg index 64dedb87..53fc7571 100644 --- a/resources/icon/icon-trash.svg +++ b/resources/icon/icon-trash.svg @@ -1,5 +1,5 @@ - + icon-trash Created with Sketch. From f235d832d5c56d133a91ac02979ea6494ca032ab Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 16:03:50 -0500 Subject: [PATCH 09/11] Fix note detail layout --- browser/main/Detail/FolderSelect.styl | 8 +------- browser/main/Detail/NoteDetailInfo.styl | 2 +- browser/main/Detail/TagSelect.styl | 2 +- browser/main/Detail/ToggleModeButton.styl | 6 +++--- browser/main/global.styl | 2 +- 5 files changed, 7 insertions(+), 13 deletions(-) diff --git a/browser/main/Detail/FolderSelect.styl b/browser/main/Detail/FolderSelect.styl index 22b7b9b7..31930fe6 100644 --- a/browser/main/Detail/FolderSelect.styl +++ b/browser/main/Detail/FolderSelect.styl @@ -3,20 +3,14 @@ border solid 1px transparent vertical-align middle border-radius 2px + height 30px transition 0.15s user-select none margin-right 10px - &:hover - background-color $ui-button--hover-backgroundColor .root--search, .root--focus @extend .root - background-color $ui-noteDetail-backgroundColor = #fff border-color $ui-input--focus-borderColor - width 154px - height 30px - &:hover - border-color $ui-input--focus-borderColor = #fff .idle position relative diff --git a/browser/main/Detail/NoteDetailInfo.styl b/browser/main/Detail/NoteDetailInfo.styl index 84344ec6..4b96bd58 100644 --- a/browser/main/Detail/NoteDetailInfo.styl +++ b/browser/main/Detail/NoteDetailInfo.styl @@ -1,6 +1,6 @@ @import('DetailVars') -$info-height = 80px +$info-height = 60px $info-margin-under-border = 30px .info diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index 2bccddc0..18d4d2e0 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -6,7 +6,7 @@ width 100% overflow-x scroll white-space nowrap - padding-top 80px + margin-top 31px position absolute .root::-webkit-scrollbar diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index 11f8cf87..e48fe9dd 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/browser/main/Detail/ToggleModeButton.styl @@ -1,8 +1,8 @@ .control-toggleModeButton - height 29px + height 25px border-radius 50px background-color #F4F4F4 - width 67px + width 52px display flex align-items center position absolute @@ -10,7 +10,7 @@ .active background-color #1EC38B width 33px - height 30px + height 24px box-shadow 2px 0px 7px #eee z-index 1 diff --git a/browser/main/global.styl b/browser/main/global.styl index 27d1ae73..1b40587c 100644 --- a/browser/main/global.styl +++ b/browser/main/global.styl @@ -97,7 +97,7 @@ body[data-theme="dark"] .CodeMirror font-family inherit !important line-height 1.4em - height 96% + height 100% .CodeMirror > div > textarea margin-bottom -1em .CodeMirror-focused .CodeMirror-selected From e7e8f11a744ccc8533932aabd8d20b9812fe7375 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 16:08:44 -0500 Subject: [PATCH 10/11] Fix tooltips position --- browser/main/Detail/FullscreenButton.styl | 2 +- browser/main/Detail/InfoButton.styl | 2 +- browser/main/Detail/StarButton.styl | 2 +- browser/main/Detail/ToggleModeButton.styl | 4 ++-- browser/main/Detail/TrashButton.styl | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/browser/main/Detail/FullscreenButton.styl b/browser/main/Detail/FullscreenButton.styl index 132df2f8..cc1a8dff 100644 --- a/browser/main/Detail/FullscreenButton.styl +++ b/browser/main/Detail/FullscreenButton.styl @@ -8,7 +8,7 @@ tooltip() position absolute pointer-events none - top 65px + top 50px right 70px z-index 200 padding 5px diff --git a/browser/main/Detail/InfoButton.styl b/browser/main/Detail/InfoButton.styl index 0e9a5af7..d2a84708 100644 --- a/browser/main/Detail/InfoButton.styl +++ b/browser/main/Detail/InfoButton.styl @@ -8,7 +8,7 @@ tooltip() position absolute pointer-events none - top 65px + top 50px right 20px z-index 200 padding 5px diff --git a/browser/main/Detail/StarButton.styl b/browser/main/Detail/StarButton.styl index ae161062..d5fd755b 100644 --- a/browser/main/Detail/StarButton.styl +++ b/browser/main/Detail/StarButton.styl @@ -11,7 +11,7 @@ tooltip() position absolute pointer-events none - top 65px + top 50px right 115px width 40px z-index 200 diff --git a/browser/main/Detail/ToggleModeButton.styl b/browser/main/Detail/ToggleModeButton.styl index e48fe9dd..c69401f8 100644 --- a/browser/main/Detail/ToggleModeButton.styl +++ b/browser/main/Detail/ToggleModeButton.styl @@ -30,8 +30,8 @@ tooltip() position absolute pointer-events none - top 40px - left -3px + top 33px + left -10px z-index 200 width 80px padding 5px diff --git a/browser/main/Detail/TrashButton.styl b/browser/main/Detail/TrashButton.styl index da107ded..7c7af878 100644 --- a/browser/main/Detail/TrashButton.styl +++ b/browser/main/Detail/TrashButton.styl @@ -8,7 +8,7 @@ tooltip() position absolute pointer-events none - top 65px + top 50px right 50px z-index 200 padding 5px From 7a116966fa9295411e8d18da19871f7d26f9dff4 Mon Sep 17 00:00:00 2001 From: Kazu Yokomizo Date: Wed, 24 Jan 2018 16:16:14 -0500 Subject: [PATCH 11/11] Add tooltip to full-screen-btn on the snippet note detail --- browser/main/Detail/NoteDetailInfo.styl | 2 +- browser/main/Detail/SnippetNoteDetail.js | 1 + browser/main/Detail/SnippetNoteDetail.styl | 15 +++++++++++++++ 3 files changed, 17 insertions(+), 1 deletion(-) diff --git a/browser/main/Detail/NoteDetailInfo.styl b/browser/main/Detail/NoteDetailInfo.styl index 4b96bd58..bc3c9462 100644 --- a/browser/main/Detail/NoteDetailInfo.styl +++ b/browser/main/Detail/NoteDetailInfo.styl @@ -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 diff --git a/browser/main/Detail/SnippetNoteDetail.js b/browser/main/Detail/SnippetNoteDetail.js index 2c6da41c..af8c178e 100644 --- a/browser/main/Detail/SnippetNoteDetail.js +++ b/browser/main/Detail/SnippetNoteDetail.js @@ -634,6 +634,7 @@ class SnippetNoteDetail extends React.Component { + Fullscreen this.handleTrashButtonClick(e)} /> diff --git a/browser/main/Detail/SnippetNoteDetail.styl b/browser/main/Detail/SnippetNoteDetail.styl index f370afc8..e924ce2b 100644 --- a/browser/main/Detail/SnippetNoteDetail.styl +++ b/browser/main/Detail/SnippetNoteDetail.styl @@ -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