1.0 KiB
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 enlocalStorage. - 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-expandedyaria-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
- Toggle visible y operable por teclado.
- Preferencia desktop persiste tras recarga.
- Sidebar desktop colapsado muestra solo iconos.
- Mobile/tablet usa drawer con backdrop y cierre por Escape.
- Una sola fuente de navegación y build responsive sin regresiones.