Files
mercadodevida/work/current.md
2026-08-22 18:02:11 +02:00

1.0 KiB

Feature activa: F-159 — Admin responsive collapsible sidebar

Objetivo

Añadir un único SidebarToggle reutilizando el layout y NAV_ITEMS existentes.

Comportamiento

  • Desktop (lg+): expandido a 240px o colapsado a 80px mostrando solo iconos; preferencia guardada en localStorage.
  • Mobile/tablet: sidebar como drawer superpuesto con backdrop; siempre muestra iconos y etiquetas.
  • El estado del drawer no duplica ni sustituye el estado persistido de desktop.
  • Transición suave de ancho y desplazamiento.

Accesibilidad

  • Botones con aria-label, aria-expanded y aria-controls.
  • Drawer cerrado no es visible ni alcanzable por teclado.
  • Escape cierra el drawer.
  • Los enlaces conservan etiquetas accesibles y tooltips al colapsar.

Aceptación

  1. Toggle visible y operable por teclado.
  2. Preferencia desktop persiste tras recarga.
  3. Sidebar desktop colapsado muestra solo iconos.
  4. Mobile/tablet usa drawer con backdrop y cierre por Escape.
  5. Una sola fuente de navegación y build responsive sin regresiones.