mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-21 13:41:40 +00:00
rename, recolor, remove folder
This commit is contained in:
56
browser/main/HomePage/SideNav/FolderItem.styl
Normal file
56
browser/main/HomePage/SideNav/FolderItem.styl
Normal file
@@ -0,0 +1,56 @@
|
||||
.root
|
||||
height 33px
|
||||
width 100%
|
||||
position relative
|
||||
cursor pointer
|
||||
&:hover
|
||||
background-color alpha(white, 0.1)
|
||||
.control
|
||||
opacity 1
|
||||
|
||||
.label
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
bottom 0
|
||||
right 48px
|
||||
padding-left 20px
|
||||
line-height 33px
|
||||
color white
|
||||
|
||||
.control
|
||||
opacity 0
|
||||
position absolute
|
||||
top 0
|
||||
bottom 0
|
||||
right 5px
|
||||
width 24px
|
||||
|
||||
.control-button
|
||||
width 24px
|
||||
height 24px
|
||||
margin-top 4.5px
|
||||
border none
|
||||
border-radius 5px
|
||||
background-color transparent
|
||||
color $nav-inactive-color
|
||||
&:hover
|
||||
color white
|
||||
background-color alpha(white, 0.1)
|
||||
&:active
|
||||
color white
|
||||
background-color $brand-color
|
||||
|
||||
.nameInput
|
||||
absolute top bottom
|
||||
left 10px
|
||||
right 10px
|
||||
height 33px
|
||||
padding 0 10px
|
||||
border-radius 5px
|
||||
border solid 1px $nav-border-color
|
||||
outline none
|
||||
&:focus
|
||||
border-color $focus-border-color
|
||||
&:disabled
|
||||
background-color $disabled-input-background
|
||||
Reference in New Issue
Block a user