T11b - Page Transitions + Micro-animations polish #21

Closed
opened 2026-05-21 04:06:56 +00:00 by shawn · 0 comments
Owner

Changes

  • Direction-aware tab transitions — Forward slides from right, back (to _prevTab) slides from left
  • FAB duplicate cleanup — Removed duplicate HTML element and conflicting CSS
  • FAB visibility unified — All style.display replaced with hidden-fab CSS class (smooth opacity/transform transitions)
  • FAB pulse persistence — Animation survives tab switches; click restarts animation
  • FAB init timing — Moved script after FAB HTML element

Most features already existed before this task: button hover/active scales, btn-pressed haptic class, ripple effect, success toast slide-up, consistent cubic-bezier easing, prefers-reduced-motion.

Commit: b398bc1

## Changes - **Direction-aware tab transitions** — Forward slides from right, back (to _prevTab) slides from left - **FAB duplicate cleanup** — Removed duplicate HTML element and conflicting CSS - **FAB visibility unified** — All style.display replaced with hidden-fab CSS class (smooth opacity/transform transitions) - **FAB pulse persistence** — Animation survives tab switches; click restarts animation - **FAB init timing** — Moved script after FAB HTML element Most features already existed before this task: button hover/active scales, btn-pressed haptic class, ripple effect, success toast slide-up, consistent cubic-bezier easing, prefers-reduced-motion. Commit: b398bc1
shawn closed this issue 2026-05-21 04:06:56 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: shawn/canteen-asset-tracker#21