From 93956435cf2aa32352cc0a59bd2119d8a31f4b63 Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas@ponas.no>
Date: Sun, 5 Jul 2026 13:02:22 +0200
Subject: [PATCH] improve full menu animation

---
 web/src/components/layout/header.module.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/components/layout/header.module.scss b/web/src/components/layout/header.module.scss
index 871030c..7e99493 100644
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@@ -18,7 +18,7 @@
     }
 
     .fullMenu {
-      right: 0;
+      transform: translateX(0);
     }
 
     .toggleMenu {
@@ -137,18 +137,19 @@
 
 .fullMenu {
   position: fixed;
-  right: -100%;
+  right: 0;
   top: 0;
   bottom: 0;
   z-index: 1000;
   width: 50%;
   overflow-y: auto;
+  transform: translateX(100%);
 
   background: var(--color-menu-background);
   color: var(--color-menu-text);
   padding: var(--spacing-sitepadding-block);
 
-  transition: all var(--transition-easing);
+  transition: transform var(--transition-easing);
 
   a {
     --size-icon: var(--font-size-caption);