Skip to content

Feature/ancho listado estudiantes

belen.varsi requested to merge feature/ancho-listado-estudiantes into dev

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

  • Toolbar acepta una prop opcional trailing para 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 trailing la 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

  1. Entrar a /estudiantes como funcionario con permiso de búsqueda.
  2. Revisar la fila de filtros con la ventana en < 1024px, entre 1024 y 1279px, y en ≥ 1280px.
  3. Verificar que el placeholder del buscador no se corte y que "Ordenar por" quede siempre al final.
  4. Aplicar un filtro, verificar que aparece "Limpiar filtros" y que al usarlo vuelve al listado por defecto.
  5. Revisar que los listados de incidencias e instancias se vean igual que antes.

Merge request reports

Loading