Fix layout at NoteDetail

2025-12-13 09:46:22 +00:00 · 2017-09-22 23:46:41 +09:00
parent 9861fbf7c8
commit 4e90a93b30
5 changed files with 7 additions and 3 deletions
--- a/browser/finder/NoteDetail.styl
+++ b/browser/finder/NoteDetail.styl
@@ -2,6 +2,7 @@

 .root
  absolute top bottom left right
+  bottom 30px
  left $note-detail-left-margin
  right $note-detail-right-margin
  height 100%
--- a/browser/main/Detail/SnippetNoteDetail.styl
+++ b/browser/main/Detail/SnippetNoteDetail.styl
@@ -57,9 +57,10 @@

 .override
  absolute bottom left
+  bottom 30px
  left 60px
  height 23px
-  z-index 1
+  z-index 101
  button
    navButtonColor()
    height 24px
--- a/browser/main/StatusBar/StatusBar.styl
+++ b/browser/main/StatusBar/StatusBar.styl
@@ -3,6 +3,8 @@
 .root
  absolute bottom left right
  height $statusBar-height
+  bottom 16px
+  z-index 100
  background-color $ui-noteDetail-backgroundColor
  display flex

--- a/browser/main/global.styl
+++ b/browser/main/global.styl
@@ -91,7 +91,7 @@ body[data-theme="dark"]
 .CodeMirror
  font-family inherit !important
  line-height 1.4em
-  height 100%
+  height 96%
 .CodeMirror > div > textarea
  margin-bottom -1em
 .CodeMirror-focused .CodeMirror-selected
--- a/browser/styles/index.styl
+++ b/browser/styles/index.styl
@@ -5,7 +5,7 @@ $danger-color = #c9302c
 $danger-lighten-color = lighten(#c9302c, 5%)

 // Layouts
-$statusBar-height = 24px
+$statusBar-height = 36px
 $sideNav-width = 200px
 $sideNav--folded-width = 44px
 $topBar-height = 60px