Revisit journal day-switch animations (smoother paper transition) #38

New Issue

2026-07-04T21:24:42-05:00

ginnoir commented

2026-07-04 21:24:42 -05:00

Polish journal entry list animations when switching days — smoother, less janky paper slide.

Context

Journal home now animates entry cards when selecting a day from the calendar or mood tracker (slide-out / slide-in with stagger). It works but feels a bit rough — good candidate for a polish pass once higher-priority journal work is done.

Ideas to explore

Smoother easing / FLIP layout for reordering
Crossfade height instead of abrupt stack swap
Respect prefers-reduced-motion (partial today)
Consider shared layout animation if we add a motion library later

Scope

src/modules/journal/components/journal-entry-list.tsx, globals.css journal animation keyframes.

Priority

Low — UX polish, not blocking.

Related: journal epic #19

<brief>Polish journal entry list animations when switching days — smoother, less janky paper slide.</brief> ## Context Journal home now animates entry cards when selecting a day from the calendar or mood tracker (slide-out / slide-in with stagger). It works but feels a bit rough — good candidate for a polish pass once higher-priority journal work is done. ## Ideas to explore - Smoother easing / FLIP layout for reordering - Crossfade height instead of abrupt stack swap - Respect `prefers-reduced-motion` (partial today) - Consider shared layout animation if we add a motion library later ## Scope `src/modules/journal/components/journal-entry-list.tsx`, `globals.css` journal animation keyframes. ## Priority Low — UX polish, not blocking. Related: journal epic #19

ginnoir added the enhancement priority/p3 labels 2026-07-04 21:24:42 -05:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: ginnoir/famapp#38