T11b: Page transitions + micro-animations polish (commit b398bc1)

2026-05-21 00:06:35 -04:00
parent e57fa97a79
commit e387cada73
+10
@@ -12,6 +12,16 @@ Mobile-first web app for tracking physical assets via barcode scanning, OCR stic
- Username: `admin`
- Password: `Brett85!@`
### T11b Page Transitions + Micro-animations — May 2026
- **Direction-aware tab transitions** — Forward navigation slides in from right, back navigation (to `_prevTab`) slides in from left using reverse animation classes
- **FAB duplicate cleanup** — Removed duplicate FAB HTML element and conflicting CSS block; unified under single `.fab` definition with `.fab.pulse` class
- **FAB visibility** — Converted all `style.display` manipulation to `hidden-fab` CSS class with opacity/transform transitions for smooth show/hide
- **FAB pulse persistence** — FAB maintains pulse animation across tab switches; click restarts the animation via class removal/re-add with forced reflow
- **FAB init timing** — Moved initialization script after FAB HTML element so `hidden-fab` applies correctly on initial page load
- **Button micro-interactions** — `.btn:hover` scale(1.03), `.btn:active` scale(0.96), `.btn-pressed` haptic class, ripple effect, all with cubic-bezier easing
- **Success toast slide-up** — Already present via translateY transition
- **prefers-reduced-motion** — Already respected (animation-duration: 0.01ms override)
- Commit: b398bc1
### T6 Map Page Improvements — May 2026
- All 8 requirements verified: asset markers from location data (3-level fallback: own coords → location coords → geocoded address), marker clustering (Leaflet.markercluster), real GPS heatmap from `/api/checkins/heatmap`, geofence via custom modal (not prompt()), popup detail links, dismissible GPS warning with re-enable, map legend with category colors