cheveguerra/Colaborando
1
0
Fork 0
mirror of https://github.com/cheveguerra/Colaborando.git synced 2026-08-18 16:36:39 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
Colaborando/CONTEXT.md
T
cheveguerra 77c86122f0 style(ui): refactorizar layout en porcentajes y ajustar escala tipografica 
- Ajustar la cuadricula del tablero (.layout) a proporciones en porcentaje (18% 1fr 30%).
- Disponer botones de navegacion (.rail-btns) horizontalmente en un solo renglon.
- Reordenar el bloque de Acciones Posibles por encima de la Tabla de Activos en el Rail.
- Ajustar proporciones de Capacitaciones y Acciones a 70%/30% con botones flexibles.
- Ampliar escala tipografica en titulos, descripciones, tarjetas de departamentos y proyectos.
- Aumentar tamano del avatar de departamentos a 130px.
- Actualizar CONTEXT.md con la arquitectura y decisiones de la sesion.
2026-08-12 21:59:01 -06:00

1.7 KiB
Raw Permalink Blame History

CONTEXTO DEL PROYECTO - COLABORANDO

Resumen Ejecutivo de la Sesión

El objetivo principal de esta sesión consistió en el refinamiento del layout responsivo y la escala tipográfica de colaborando3.php y estilos3.css, ajustando proporciones en porcentajes, reordenando el panel lateral (Rail) y aumentando la legibilidad general de la interfaz.

Decisiones Principales y Arquitectura

  1. Reestructuración de Layout en Porcentajes (estilos3.css):

    • Cuadrícula Principal (.layout): Se migró de anchos fijos a 18% 1fr 30%. La columna de Proyectos ocupa ahora el 30% del viewport.
    • Navegación Horizontal (.rail-btns): Se configuró en fila (flex-direction: row), manteniendo "Pantalla Completa" e "Ir al Resumen" en el mismo renglón.
    • Reorganización del Rail (colaborando3.php): Se posicionó el bloque #tablaAccionesPosibles por encima de la #tablaActivos.
    • Proporción Capacitaciones / Acciones: Ajustada a cuadrícula 1fr 30% con botones flexibles (flex: 1).

  2. Escala Visual y Tipografía:

    • Avatares de Departamentos: Se duplicó el tamaño del contenedor a 130px × 130px y las imágenes a 123px para mayor visibilidad.
    • Ampliación Tipográfica General: Aumento progresivo de tamaños de fuente en títulos de proyectos (16px), descripciones (15px), etiquetas del rail (13px), tarjetas de proyectos chicos (12px/13px) y habilidades (15px).

  3. Desacoplamiento previo de Estilos (estilos3.css):

    • Estilos extraídos del bloque <style> de colaborando3.php con cache busting dinámico (filemtime).

Tareas Pendientes / Próximos Pasos

  • Continuar con pruebas funcionales de juego completo y validación de sesiones guardadas.
Reference in New Issue View Git Blame Copy Permalink