mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Fix the layout and UX at create-folder-btn at sidebar
This commit is contained in:
@@ -35,7 +35,7 @@
|
|||||||
.folderList-item-name
|
.folderList-item-name
|
||||||
display block
|
display block
|
||||||
flex 1
|
flex 1
|
||||||
padding 0 15px
|
padding 0 25px
|
||||||
height 26px
|
height 26px
|
||||||
line-height 26px
|
line-height 26px
|
||||||
border-width 0 0 0 2px
|
border-width 0 0 0 2px
|
||||||
|
|||||||
@@ -60,11 +60,13 @@
|
|||||||
position absolute
|
position absolute
|
||||||
right 0
|
right 0
|
||||||
width 25px
|
width 25px
|
||||||
height 26px
|
height 25px
|
||||||
padding 0
|
padding 0
|
||||||
border none
|
border none
|
||||||
|
margin-right 5px
|
||||||
|
border-radius 50%
|
||||||
&:hover
|
&:hover
|
||||||
background-color transparent
|
background-color alpha($ui-button--active-backgroundColor, 40%)
|
||||||
color $ui-text-color
|
color $ui-text-color
|
||||||
|
|
||||||
.root--folded
|
.root--folded
|
||||||
@@ -129,4 +131,8 @@ body[data-theme="dark"]
|
|||||||
|
|
||||||
.header-addFolderButton
|
.header-addFolderButton
|
||||||
&:hover
|
&:hover
|
||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
|
background-color alpha($ui-dark-button--active-backgroundColor, 60%)
|
||||||
|
&:active, &:active:hover
|
||||||
|
color $ui-dark-text-color
|
||||||
|
background-color $ui-dark-button--active-backgroundColor
|
||||||
Reference in New Issue
Block a user