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) --- */
@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 */