mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-17 11:41:44 +00:00
fix overflow style of item in folded SideNav
This commit is contained in:
@@ -70,7 +70,7 @@
|
|||||||
|
|
||||||
.root--folded
|
.root--folded
|
||||||
@extend .root
|
@extend .root
|
||||||
width 44px
|
width 44px - 1
|
||||||
&:hover .label-name
|
&:hover .label-name
|
||||||
width 100px
|
width 100px
|
||||||
.label
|
.label
|
||||||
@@ -78,7 +78,7 @@
|
|||||||
text-align center
|
text-align center
|
||||||
right 0
|
right 0
|
||||||
.label-icon
|
.label-icon
|
||||||
width 44px
|
width 44px - 1
|
||||||
.label-name
|
.label-name
|
||||||
position fixed
|
position fixed
|
||||||
height 34px
|
height 34px
|
||||||
|
|||||||
@@ -103,9 +103,9 @@
|
|||||||
|
|
||||||
.root-folded
|
.root-folded
|
||||||
@extend .root
|
@extend .root
|
||||||
width 44px
|
width 44px - 1
|
||||||
.header, .header--active
|
.header, .header--active
|
||||||
width 44px
|
width 44px - 1
|
||||||
text-align center
|
text-align center
|
||||||
overflow hidden
|
overflow hidden
|
||||||
&:hover
|
&:hover
|
||||||
@@ -116,13 +116,13 @@
|
|||||||
width 35px
|
width 35px
|
||||||
padding-right 5px
|
padding-right 5px
|
||||||
.header-name
|
.header-name
|
||||||
width 44px
|
width 44px - 1
|
||||||
padding-left 0
|
padding-left 0
|
||||||
.header-name-label
|
.header-name-label
|
||||||
position fixed
|
position fixed
|
||||||
display inline-block
|
display inline-block
|
||||||
height 34px
|
height 34px
|
||||||
left 44px
|
left 44px - 1
|
||||||
width 0
|
width 0
|
||||||
box-sizing border-box
|
box-sizing border-box
|
||||||
margin-left 0
|
margin-left 0
|
||||||
@@ -142,7 +142,7 @@
|
|||||||
top inherit
|
top inherit
|
||||||
bottom inherit
|
bottom inherit
|
||||||
z-index 11
|
z-index 11
|
||||||
left 43px
|
left 44px - 1
|
||||||
box-sizing border-box
|
box-sizing border-box
|
||||||
overflow hidden
|
overflow hidden
|
||||||
.header-control-button
|
.header-control-button
|
||||||
@@ -153,13 +153,13 @@
|
|||||||
&:hover
|
&:hover
|
||||||
background-color $ui-tooltip-button--hover-backgroundColor
|
background-color $ui-tooltip-button--hover-backgroundColor
|
||||||
.newFolderButton
|
.newFolderButton
|
||||||
width 44px
|
width 44px - 1
|
||||||
padding 0
|
padding 0
|
||||||
&:hover .newFolderButton-label
|
&:hover .newFolderButton-label
|
||||||
width 100px
|
width 100px
|
||||||
.newFolderButton-icon
|
.newFolderButton-icon
|
||||||
text-align center
|
text-align center
|
||||||
width 44px
|
width 44px - 1
|
||||||
.newFolderButton-label
|
.newFolderButton-label
|
||||||
position fixed
|
position fixed
|
||||||
display inline-block
|
display inline-block
|
||||||
|
|||||||
@@ -75,7 +75,7 @@
|
|||||||
white-space nowrap
|
white-space nowrap
|
||||||
transform rotate(90deg)
|
transform rotate(90deg)
|
||||||
.top-menu
|
.top-menu
|
||||||
width 44px
|
width 44px - 1
|
||||||
text-align center
|
text-align center
|
||||||
&:hover .top-menu-label
|
&:hover .top-menu-label
|
||||||
width 100px
|
width 100px
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
transition width 0.15s
|
transition width 0.15s
|
||||||
pointer-events none
|
pointer-events none
|
||||||
.menu-button, .menu-button--active
|
.menu-button, .menu-button--active
|
||||||
width 44px
|
width 44px - 1
|
||||||
text-align center
|
text-align center
|
||||||
&:hover .menu-button-label
|
&:hover .menu-button-label
|
||||||
width 100px
|
width 100px
|
||||||
|
|||||||
Reference in New Issue
Block a user