24 lines
1.0 KiB
Markdown
24 lines
1.0 KiB
Markdown
# 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.
|