From 68f31f2873ebc72dfb86ddd67deed9e6347ae2e5 Mon Sep 17 00:00:00 2001 From: dmolinari Date: Fri, 3 Oct 2025 14:40:06 -0300 Subject: [PATCH] Fix Map Control Styles --- .../legislativas/nacionales/PanelNacional.css | 15 ++++++++------- .../nacionales/components/MapaNacional.tsx | 5 ++--- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css b/Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css index a4e19b2..5117641 100644 --- a/Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css +++ b/Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css @@ -163,7 +163,6 @@ flex: 1; overflow-y: auto; padding: 1.25rem; - /* ANTES: 1.5rem */ transition: all 0.5s ease-in-out; min-width: 320px; } @@ -631,8 +630,10 @@ } .resultados-column { - padding: 1rem; + padding: 0.5rem; overflow-y: auto; + z-index: 15; + padding-bottom: 45px; } .mapa-column .mapa-componente-container, @@ -640,8 +641,8 @@ height: 100%; } - .panel-partidos-container .partido-fila:last-child { - margin-bottom: 90px; + .panel-partidos-container { + padding-bottom: 0; } .zoom-controls-container, @@ -652,7 +653,6 @@ .header-bottom-row { flex-direction: column; align-items: stretch; - /* Para que ambos elementos ocupen el ancho completo */ gap: 1rem; } @@ -693,14 +693,15 @@ .panel-toggle-btn { display: flex; + } } } /* --- ESTILOS PARA LA TARJETA DE RESULTADOS EN MÓVIL (ACTUALIZADOS) --- */ .mobile-results-card-container { - position: absolute; - bottom: 10px; + position: fixed; + bottom: 1px; left: 50%; transform: translateX(-50%); z-index: 40; diff --git a/Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx b/Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx index 5a693b2..138f741 100644 --- a/Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx +++ b/Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx @@ -54,9 +54,8 @@ interface MapaNacionalProps { // --- CONFIGURACIONES DEL MAPA --- const desktopProjectionConfig = { scale: 700, center: [-65, -40] as [number, number] }; -const mobileProjectionConfig = { scale: 1050, center: [-64, -43] as [number, number] }; -const mobileSmallProjectionConfig = { scale: 900, center: [-64, -43] as [number, number] }; - +const mobileProjectionConfig = { scale: 1000, center: [-64, -43] as [number, number] }; +const mobileSmallProjectionConfig = { scale: 750, center: [-64, -45] as [number, number] }; export const MapaNacional = ({ eleccionId, categoriaId, nivel, nombreAmbito, nombreProvinciaActiva, provinciaDistritoId, onAmbitoSelect, onVolver, isMobileView }: MapaNacionalProps) => { const isMobileSmall = useMediaQuery('(max-width: 380px)');