mirror of
https://github.com/cheveguerra/Colaborando.git
synced 2026-08-19 00:46:37 +00:00
cheveguerra
77c86122f0
- 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.
29 lines
1.7 KiB
Markdown
29 lines
1.7 KiB
Markdown
# 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.
|