mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
fix: markup for box-shadow
This commit is contained in:
@@ -5,3 +5,5 @@
|
||||
// Margin on the left side and the right side for NoteDetail component.
|
||||
$note-detail-left-margin = 25px
|
||||
$note-detail-right-margin = 25px
|
||||
|
||||
$note-detail-box-shadow = 2px 0 15px -8px #b1b1b1 inset
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
border-style solid
|
||||
border-color $ui-borderColor
|
||||
background-color $ui-noteDetail-backgroundColor
|
||||
box-shadow $note-detail-box-shadow
|
||||
|
||||
.body
|
||||
absolute left right
|
||||
@@ -22,3 +23,4 @@ body[data-theme="dark"]
|
||||
.root
|
||||
border-color $ui-dark-borderColor
|
||||
background-color $ui-dark-noteDetail-backgroundColor
|
||||
box-shadow none
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
border-style solid
|
||||
border-color $ui-borderColor
|
||||
background-color $ui-noteDetail-backgroundColor
|
||||
box-shadow $note-detail-box-shadow
|
||||
|
||||
.body
|
||||
absolute left right
|
||||
@@ -70,6 +71,7 @@ body[data-theme="dark"]
|
||||
.root
|
||||
border-color $ui-dark-borderColor
|
||||
background-color $ui-dark-noteDetail-backgroundColor
|
||||
box-shadow none
|
||||
|
||||
.body
|
||||
background-color $ui-dark-noteDetail-backgroundColor
|
||||
|
||||
@@ -16,9 +16,7 @@
|
||||
|
||||
.slider-right
|
||||
@extend .slider
|
||||
z-index $right-slider-z-index
|
||||
width 1px
|
||||
box-shadow 0 2px 10px 0px #b1b1b1
|
||||
|
||||
.slider--active
|
||||
@extend .slider
|
||||
|
||||
@@ -4,7 +4,6 @@ $control-height = 30px
|
||||
absolute left bottom
|
||||
top $topBar-height - 1
|
||||
background-color $ui-noteList-backgroundColor
|
||||
z-index $notelist-z-index
|
||||
|
||||
.control
|
||||
absolute top left right
|
||||
|
||||
@@ -1,9 +1,12 @@
|
||||
@import('../Detail/DetailVars')
|
||||
|
||||
.root
|
||||
absolute bottom left right
|
||||
height $statusBar-height
|
||||
background-color $ui-noteDetail-backgroundColor
|
||||
border-top $ui-border
|
||||
display flex
|
||||
box-shadow $note-detail-box-shadow
|
||||
|
||||
.blank
|
||||
flex 1
|
||||
@@ -41,6 +44,7 @@ body[data-theme="dark"]
|
||||
.root
|
||||
background-color $ui-dark-noteDetail-backgroundColor
|
||||
border-color $ui-dark-borderColor
|
||||
box-shadow none
|
||||
|
||||
.zoom
|
||||
border-color $ui-dark-borderColor
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
position relative
|
||||
background-color $ui-noteList-backgroundColor
|
||||
height $topBar-height - 1
|
||||
z-index $topbar-z-index
|
||||
|
||||
.root--expanded
|
||||
@extend .root
|
||||
@@ -61,6 +60,7 @@ $control-height = 34px
|
||||
overflow ellipsis
|
||||
&:hover
|
||||
background-color alpha($ui-active-color, 10%)
|
||||
|
||||
.control-search-optionList-item-folder
|
||||
border-left 4px solid transparent
|
||||
padding 2px 5px
|
||||
@@ -69,14 +69,17 @@ $control-height = 34px
|
||||
font-size 12px
|
||||
height 16px
|
||||
margin-bottom 4px
|
||||
|
||||
.control-search-optionList-item-folder-surfix
|
||||
font-size 10px
|
||||
margin-left 5px
|
||||
color $ui-inactive-text-color
|
||||
|
||||
.control-search-optionList-item-type
|
||||
font-size 12px
|
||||
color $ui-inactive-text-color
|
||||
padding-right 3px
|
||||
|
||||
.control-search-optionList-empty
|
||||
height 150px
|
||||
color $ui-inactive-text-color
|
||||
|
||||
@@ -10,11 +10,6 @@ $sideNav-width = 200px
|
||||
$sideNav--folded-width = 44px
|
||||
$topBar-height = 60px
|
||||
|
||||
// z-index
|
||||
$topbar-z-index = 20
|
||||
$notelist-z-index = 20
|
||||
$right-slider-z-index = 10
|
||||
|
||||
// UI default
|
||||
$ui-text-color = #515151
|
||||
$ui-inactive-text-color = #939395
|
||||
|
||||
Reference in New Issue
Block a user