From 9be39b0b3097f106fc8e59d88f7959ab118cb015 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Wed, 4 Mar 2026 02:30:26 +0100
Subject: [PATCH] fix: full-screen slide animation for day/week nav

---
 src/app/globals.css | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 02ac6a3..6b1e3d8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2739,24 +2739,27 @@ h3 {
 /* --- VIEW TRANSITION ANIMATION (Day/Week Navigation Slide) --- */
 
 @keyframes slideOutToLeft {
-  to { transform: translateX(-30%); opacity: 0; }
+  from { transform: translateX(0); }
+  to { transform: translateX(-100%); }
 }
 @keyframes slideInFromRight {
-  from { transform: translateX(30%); opacity: 0; }
-  to { transform: translateX(0); opacity: 1; }
+  from { transform: translateX(100%); }
+  to { transform: translateX(0); }
 }
 @keyframes slideOutToRight {
-  to { transform: translateX(30%); opacity: 0; }
+  from { transform: translateX(0); }
+  to { transform: translateX(100%); }
 }
 @keyframes slideInFromLeft {
-  from { transform: translateX(-30%); opacity: 0; }
-  to { transform: translateX(0); opacity: 1; }
+  from { transform: translateX(-100%); }
+  to { transform: translateX(0); }
 }
 
 /* Week Grid Transition Group */
 ::view-transition-group(week-grid) {
-  animation-duration: 0.35s;
-  animation-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
+  animation-duration: 0.3s;
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  overflow: hidden;
 }
 
 /* Slide Next (Left) — content exits left, new enters from right */