1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

Fix note detail layout

This commit is contained in:
Kazu Yokomizo
2018-01-24 16:03:50 -05:00
parent 7730b5e20b
commit f235d832d5
5 changed files with 7 additions and 13 deletions

View File

@@ -3,20 +3,14 @@
border solid 1px transparent border solid 1px transparent
vertical-align middle vertical-align middle
border-radius 2px border-radius 2px
height 30px
transition 0.15s transition 0.15s
user-select none user-select none
margin-right 10px margin-right 10px
&:hover
background-color $ui-button--hover-backgroundColor
.root--search, .root--focus .root--search, .root--focus
@extend .root @extend .root
background-color $ui-noteDetail-backgroundColor = #fff
border-color $ui-input--focus-borderColor border-color $ui-input--focus-borderColor
width 154px
height 30px
&:hover
border-color $ui-input--focus-borderColor = #fff
.idle .idle
position relative position relative

View File

@@ -1,6 +1,6 @@
@import('DetailVars') @import('DetailVars')
$info-height = 80px $info-height = 60px
$info-margin-under-border = 30px $info-margin-under-border = 30px
.info .info

View File

@@ -6,7 +6,7 @@
width 100% width 100%
overflow-x scroll overflow-x scroll
white-space nowrap white-space nowrap
padding-top 80px margin-top 31px
position absolute position absolute
.root::-webkit-scrollbar .root::-webkit-scrollbar

View File

@@ -1,8 +1,8 @@
.control-toggleModeButton .control-toggleModeButton
height 29px height 25px
border-radius 50px border-radius 50px
background-color #F4F4F4 background-color #F4F4F4
width 67px width 52px
display flex display flex
align-items center align-items center
position absolute position absolute
@@ -10,7 +10,7 @@
.active .active
background-color #1EC38B background-color #1EC38B
width 33px width 33px
height 30px height 24px
box-shadow 2px 0px 7px #eee box-shadow 2px 0px 7px #eee
z-index 1 z-index 1

View File

@@ -97,7 +97,7 @@ body[data-theme="dark"]
.CodeMirror .CodeMirror
font-family inherit !important font-family inherit !important
line-height 1.4em line-height 1.4em
height 96% height 100%
.CodeMirror > div > textarea .CodeMirror > div > textarea
margin-bottom -1em margin-bottom -1em
.CodeMirror-focused .CodeMirror-selected .CodeMirror-focused .CodeMirror-selected