1
0
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:
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 .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

View File

@@ -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

View File

@@ -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