1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +00:00

fix overflow style of item in folded SideNav

This commit is contained in:
Dick Choi
2016-05-29 01:09:32 +09:00
parent 7f8733796e
commit 913e649e5d
3 changed files with 11 additions and 11 deletions

View File

@@ -70,7 +70,7 @@
.root--folded
@extend .root
width 44px
width 44px - 1
&:hover .label-name
width 100px
.label
@@ -78,7 +78,7 @@
text-align center
right 0
.label-icon
width 44px
width 44px - 1
.label-name
position fixed
height 34px

View File

@@ -103,9 +103,9 @@
.root-folded
@extend .root
width 44px
width 44px - 1
.header, .header--active
width 44px
width 44px - 1
text-align center
overflow hidden
&:hover
@@ -116,13 +116,13 @@
width 35px
padding-right 5px
.header-name
width 44px
width 44px - 1
padding-left 0
.header-name-label
position fixed
display inline-block
height 34px
left 44px
left 44px - 1
width 0
box-sizing border-box
margin-left 0
@@ -142,7 +142,7 @@
top inherit
bottom inherit
z-index 11
left 43px
left 44px - 1
box-sizing border-box
overflow hidden
.header-control-button
@@ -153,13 +153,13 @@
&:hover
background-color $ui-tooltip-button--hover-backgroundColor
.newFolderButton
width 44px
width 44px - 1
padding 0
&:hover .newFolderButton-label
width 100px
.newFolderButton-icon
text-align center
width 44px
width 44px - 1
.newFolderButton-label
position fixed
display inline-block

View File

@@ -75,7 +75,7 @@
white-space nowrap
transform rotate(90deg)
.top-menu
width 44px
width 44px - 1
text-align center
&:hover .top-menu-label
width 100px
@@ -97,7 +97,7 @@
transition width 0.15s
pointer-events none
.menu-button, .menu-button--active
width 44px
width 44px - 1
text-align center
&:hover .menu-button-label
width 100px