css: nav left-to-right: use transform instead of width for transition (#43419)
This commit is contained in:
parent
cbdff4a0dd
commit
c3334d27b9
|
@ -276,9 +276,10 @@ div.menucell {
|
||||||
border-top: 2px solid $nav-border-color;
|
border-top: 2px solid $nav-border-color;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
} @else if $responsive-menu == left-to-right {
|
} @else if $responsive-menu == left-to-right {
|
||||||
transition: width 0.25s ease;
|
transition: transform 0.25s ease;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 0px;
|
width: 15em;
|
||||||
|
transform: translateX(-100%);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -336,7 +337,7 @@ div.menucell {
|
||||||
@if $responsive-menu == top-to-bottom {
|
@if $responsive-menu == top-to-bottom {
|
||||||
height: auto;
|
height: auto;
|
||||||
} @else if $responsive-menu == left-to-right {
|
} @else if $responsive-menu == left-to-right {
|
||||||
width: 15em;
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
& + ul li {
|
& + ul li {
|
||||||
|
|
Loading…
Reference in New Issue