Commit Graph

7 Commits

Author SHA1 Message Date
Smittix 978e6cdaea fix: Resolve TSCM function strip visibility and clipping issues
- Fix function strip content being clipped by changing overflow to visible
- Add min-height and increased padding to function strip
- Add explicit colors for TSCM strip stat values and labels
- Fix output-panel overflow for TSCM mode using :has() selector
- Add CSS variables --bg-dark and --bg-panel aliases
- Clean up sidebar section margins for consistent spacing
- Add unique IDs to WiFi/Bluetooth export sections for restore function

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 15:40:10 +00:00
Smittix 623a0da056 fix: Add z-index to navbar to sit above radar grid overlay
Dashboard pages have a .radar-bg element with a grid pattern that
was showing through the navbar. Adding position: relative and z-index: 10
ensures the nav appears above the background effects.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 10:42:04 +00:00
Smittix 166963f2a1 fix: Force navbar background color with !important
Using !important to ensure the navbar background color (#151a23)
cannot be overridden by any cascade or specificity issues.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 10:29:16 +00:00
Smittix eeca15c83e fix: Ensure consistent navbar background across all pages
Added explicit fallback color (#151a23) for .mode-nav background to
ensure consistency between main index and dashboard pages. CSS
variables may resolve differently based on cascade order.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 10:24:34 +00:00
Smittix ed1dfbb9b5 feat: Add UX polish - transitions, hover effects, accessibility
- Add smooth transitions for all interactive elements
- Button hover lift and active press feedback
- Card/panel hover effects with shadow
- Status dot glow animation
- Alert slide-in animation
- Enhanced input focus glow
- Better focus-visible states for keyboard navigation
- Reduced motion support (prefers-reduced-motion)
- High contrast mode support (prefers-contrast)
- Skip link for accessibility

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 10:07:02 +00:00
Smittix db931c3806 fix: Add navigation styles to dashboards
- Add mode navigation CSS to core/layout.css so it's available on all pages
- Import layout.css in dashboard stylesheets (ADSB, AIS, Satellite)
- Fixes nav partial appearing unstyled on dashboard pages

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 09:31:45 +00:00
Smittix a58e2f0d21 feat: UI refactor - unified navigation, design tokens, dashboard integration
- Add centralized design tokens in static/css/core/variables.css
- Create reusable base templates (base.html, base_dashboard.html)
- Add unified navigation partial (partials/nav.html) with all modules
- Create reusable UI components (card, loading, empty_state, status_badge, stats_strip)
- Integrate navigation into ADSB, AIS, and Satellite dashboards
- Consolidate CSS by importing shared variables in dashboard stylesheets
- Add comprehensive UI_GUIDE.md documentation

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-30 09:27:39 +00:00