Skip to content

feat(frontend): diseño responsivo y fix de paginación en Tasks#4

Merged
ArturoGomezGz merged 2 commits into
masterfrom
resposive-design
Apr 30, 2026
Merged

feat(frontend): diseño responsivo y fix de paginación en Tasks#4
ArturoGomezGz merged 2 commits into
masterfrom
resposive-design

Conversation

@ArturoGomezGz

Copy link
Copy Markdown
Collaborator

What

Implementa diseño responsivo completo para móvil/tablet y corrige un bug donde tareas asignadas a un sprint no aparecían en la vista de Tasks.

Why

La app era inutilizable en dispositivos móviles (sidebar fija de 224px, Kanban de 880px+, tablas sin adaptación). Adicionalmente, el endpoint de listado de tareas usaba el page size por defecto de Spring (20), ocultando tareas cuando un sprint tenía más de 20 tareas.

Changes

Diseño responsivo (feat)

  • AppLayout: sidebar oculta en móvil, header sticky con botón hamburguesa, padding reducido (p-4 md:p-8)
  • Sidebar: drawer off-canvas animado con overlay, se cierra automáticamente al navegar
  • KanbanBoard: en móvil muestra tabs por columna (To Do / In Progress / Blocked / Done) y una sola columna a la vez; desktop sin cambios
  • KanbanColumn: prop mobileMode que desactiva drag-and-drop y ancho mínimo fijo
  • DashboardPage: grid con breakpoint intermedio sm:grid-cols-2 entre 1 y 6 columnas
  • TaskTable: columnas Priority/Assigned ocultas en móvil, SP/Sprint hasta tablet
  • SprintList: cards apiladas verticalmente en móvil, scroll horizontal en tablet+
  • WorkloadTable: columnas de status ocultas en móvil, solo Member + Total visibles
  • TasksPage: header y filtros wrapeables en pantallas pequeñas
  • MemberList: nombres truncados, botones con shrink-0
  • TaskDetail: header y botones de status wrapeables
  • TaskForm: grid de 1 columna en móvil, 2 en tablet+
  • useIsMobile.js: nuevo hook para detección de ancho de pantalla

Fix paginación (fix)

  • TasksPage: agrega size: 500 al request de listado de tareas, igual que BacklogPage, evitando que tareas queden ocultas por el page size por defecto de 20

@ArturoGomezGz ArturoGomezGz merged commit f3ac5e0 into master Apr 30, 2026
3 checks passed
@ArturoGomezGz ArturoGomezGz deleted the resposive-design branch April 30, 2026 21:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant