public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2026-01-04 04:29:19 +00:00
Code Issues Releases Wiki Activity

add FolderSelect

Browse Source
This commit is contained in:
Dick Choi
2016-05-31 14:29:01 +09:00
parent 549930b48c
commit 4fdb72f93c
7 changed files with 376 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
browser/main/Detail/FolderSelect.styl Normal file
View File

@@ -0,0 +1,74 @@
.root
position relative
border solid 1px transparent
line-height 34px
vertical-align middle
border-radius 5px
transition 0.15s
user-select none
&:hover
background-color white
border-color $ui-borderColor
.root--search, .root--focus
@extend .root
background-color white
border-color $ui-input--focus-borderColor
&:hover
background-color white
border-color $ui-input--focus-borderColor
.idle
position relative
cursor pointer
.idle-label
absolute left top
padding 0 0 0 5px
right 20px
overflow ellipsis
.idle-caret
absolute right top
height 34px
width 20px
line-height 34px
.search
absolute top left right bottom
line-height 34px
.search-input
vertical-align middle
position relative
top -2px
outline none
border none
height 20px
line-height 20px
background-color transparent
padding 0 10px
.search-optionList
position fixed
border $ui-border
z-index 10
background-color white
border-radius 5px
.search-optionList-item
height 34px
width 120px
box-sizing border-box
padding 0 5px
overflow ellipsis
cursor pointer
&:hover
background-color $ui-button--hover-backgroundColor
.search-optionList-item--active
@extend .search-optionList-item
background-color $ui-button--active-backgroundColor
color $ui-button--active-color
&:hover
background-color $ui-button--active-backgroundColor
color $ui-button--active-color