mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: full-screen slide animation for day/week nav

Browse Source
This commit is contained in:
mARTin 2026-03-04 02:30:26 +01:00
parent b7fa5ff7c0
commit 9be39b0b30
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/globals.css
View File

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