improve full menu animation
This commit is contained in:
@@ -18,7 +18,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fullMenu {
|
.fullMenu {
|
||||||
right: 0;
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.toggleMenu {
|
.toggleMenu {
|
||||||
@@ -137,18 +137,19 @@
|
|||||||
|
|
||||||
.fullMenu {
|
.fullMenu {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: -100%;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
transform: translateX(100%);
|
||||||
|
|
||||||
background: var(--color-menu-background);
|
background: var(--color-menu-background);
|
||||||
color: var(--color-menu-text);
|
color: var(--color-menu-text);
|
||||||
padding: var(--spacing-sitepadding-block);
|
padding: var(--spacing-sitepadding-block);
|
||||||
|
|
||||||
transition: all var(--transition-easing);
|
transition: transform var(--transition-easing);
|
||||||
|
|
||||||
a {
|
a {
|
||||||
--size-icon: var(--font-size-caption);
|
--size-icon: var(--font-size-caption);
|
||||||
|
|||||||
Reference in New Issue
Block a user