1
0
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:
Kazu Yokomizo
2017-04-08 16:40:26 +09:00
parent 31eb9caee4
commit 6b29aed6c4

View File

@@ -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