T11b: Page transitions + micro-animations polish (commit b398bc1)
+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
|
||||
|
||||
Reference in New Issue
Block a user