mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-16 11:15:12 +00:00
Fix the search modal layout
This commit is contained in:
@@ -44,12 +44,13 @@ $control-height = 34px
|
|||||||
.control-search-optionList
|
.control-search-optionList
|
||||||
position fixed
|
position fixed
|
||||||
z-index 200
|
z-index 200
|
||||||
width 275px
|
width 500px
|
||||||
height 175px
|
height 250px
|
||||||
overflow-y auto
|
overflow-y auto
|
||||||
background-color $modal-background
|
background-color $modal-background
|
||||||
border-radius 2px
|
border-radius 2px
|
||||||
box-shadow 2px 2px 10px gray
|
border-none
|
||||||
|
box-shadow 0 0 1px rgba(76,86,103,.25), 0 2px 18px rgba(31,37,50,.32)
|
||||||
|
|
||||||
.control-search-optionList-item
|
.control-search-optionList-item
|
||||||
height 50px
|
height 50px
|
||||||
@@ -59,10 +60,10 @@ $control-height = 34px
|
|||||||
cursor pointer
|
cursor pointer
|
||||||
overflow ellipsis
|
overflow ellipsis
|
||||||
&:hover
|
&:hover
|
||||||
background-color alpha($ui-active-color, 10%)
|
background-color alpha(#D4D4D4, 30%)
|
||||||
|
|
||||||
.control-search-optionList-item-folder
|
.control-search-optionList-item-folder
|
||||||
border-left 4px solid transparent
|
border-left 2px solid transparent
|
||||||
padding 2px 5px
|
padding 2px 5px
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
overflow ellipsis
|
overflow ellipsis
|
||||||
|
|||||||
Reference in New Issue
Block a user