Files
OSIT-AE-App-Svelte/src/lib/app_components
Scott Idem 61c020b0b2 feat(sys-bar): polish — frosted glass panel, smooth label transitions, footer clearance
- Panel and sticky header now use bg-white/85 + backdrop-blur-md (frosted glass)
  matching the compact bar's existing semi-transparent treatment
- Button hover labels switched from hidden/inline (instant snap) to max-w/opacity
  transitions (duration-300 ease-in-out) — smooth expand-in, graceful fade-out
- Inlined Appearance controls (theme select + mode/font buttons) replacing Element_theme
  sub-component to avoid w-72 / bg-blue conflicts inside the panel
- Added Dev/Tools section (edit mode only): iframe toggle, reload, clear storage+DB,
  URL builder, debug overlay — separated from user-facing config
- :global CSS in style block strips blue bg/border from Element_access_type and
  Element_sign_in_out when rendered inside .ae_sys_panel
- bottom-4 → bottom-12 to clear route-level footers (absolute bottom-0, text-xs
  hover:text-base — expands to ~44px on hover)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-13 16:24:50 -04:00
..