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