Feature/ancho listado estudiantes
Descripción:
Qué cambia
- Ancho del listado de estudiantes: pasa de 980px a 1200px, igual que los listados de incidencias e instancias.
- "Ordenar por" en la misma fila que los filtros: antes quedaba abajo, en una fila aparte. Ahora va al final de la fila del buscador y los filtros, con el mismo tamaño que los otros selects.
- "Limpiar filtros" queda debajo de la fila y solo aparece cuando hay filtros activos.
Detalle técnico
-
Toolbaracepta una prop opcionaltrailingpara agregar un control al final de la fila. Si no se pasa, el layout es el de siempre, así que incidencias e instancias no cambian. - Con
trailingla fila usa su propio layout responsive, para no achicar el buscador hasta cortar el placeholder:- < 1024px: buscador en su fila y los selects de a 2.
- 1024–1279px: buscador en su fila y los 4 selects en una fila.
- ≥ 1280px: todo en una sola fila, con selects de 9rem y el buscador ocupando el resto.
- "Ordenar por" se sigue mostrando a usuarios sin
BUSCAR_ESTUDIANTE. Sin buscador ni filtros, queda alineado a la derecha.
Cómo probar
- Entrar a
/estudiantescomo funcionario con permiso de búsqueda. - Revisar la fila de filtros con la ventana en < 1024px, entre 1024 y 1279px, y en ≥ 1280px.
- Verificar que el placeholder del buscador no se corte y que "Ordenar por" quede siempre al final.
- Aplicar un filtro, verificar que aparece "Limpiar filtros" y que al usarlo vuelve al listado por defecto.
- Revisar que los listados de incidencias e instancias se vean igual que antes.