dmolinari/Elecciones-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fix Map Control Styles

Browse Source
This commit is contained in:
dmolinari
2025-10-03 14:40:06 -03:00
parent 9e0e7f0ee6
commit 68f31f2873
2 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Elecciones-Web/frontend/src/features/legislativas/nacionales/PanelNacional.css
View File

@@ -163,7 +163,6 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
padding: 1.25rem; padding: 1.25rem;
/* ANTES: 1.5rem */
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
min-width: 320px; min-width: 320px;
} }
@@ -631,8 +630,10 @@
} }
.resultados-column { .resultados-column {
padding: 1rem; padding: 0.5rem;
overflow-y: auto; overflow-y: auto;
z-index: 15;
padding-bottom: 45px;
} }
.mapa-column .mapa-componente-container, .mapa-column .mapa-componente-container,
@@ -640,8 +641,8 @@
height: 100%; height: 100%;
} }
.panel-partidos-container .partido-fila:last-child { .panel-partidos-container {
margin-bottom: 90px; padding-bottom: 0;
} }
.zoom-controls-container, .zoom-controls-container,
@@ -652,7 +653,6 @@
.header-bottom-row { .header-bottom-row {
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
/* Para que ambos elementos ocupen el ancho completo */
gap: 1rem; gap: 1rem;
} }
@@ -693,14 +693,15 @@
.panel-toggle-btn { .panel-toggle-btn {
display: flex; display: flex;
} }
} }
} }
/* --- ESTILOS PARA LA TARJETA DE RESULTADOS EN MÓVIL (ACTUALIZADOS) --- */ /* --- ESTILOS PARA LA TARJETA DE RESULTADOS EN MÓVIL (ACTUALIZADOS) --- */
.mobile-results-card-container { .mobile-results-card-container {
position: absolute; position: fixed;
bottom: 10px; bottom: 1px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 40; z-index: 40;

5
Elecciones-Web/frontend/src/features/legislativas/nacionales/components/MapaNacional.tsx
View File

@@ -54,9 +54,8 @@ interface MapaNacionalProps {
// --- CONFIGURACIONES DEL MAPA --- // --- CONFIGURACIONES DEL MAPA ---
const desktopProjectionConfig = { scale: 700, center: [-65, -40] as [number, number] }; const desktopProjectionConfig = { scale: 700, center: [-65, -40] as [number, number] };
const mobileProjectionConfig = { scale: 1050, center: [-64, -43] as [number, number] }; const mobileProjectionConfig = { scale: 1000, center: [-64, -43] as [number, number] };
const mobileSmallProjectionConfig = { scale: 900, 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) => { export const MapaNacional = ({ eleccionId, categoriaId, nivel, nombreAmbito, nombreProvinciaActiva, provinciaDistritoId, onAmbitoSelect, onVolver, isMobileView }: MapaNacionalProps) => {
const isMobileSmall = useMediaQuery('(max-width: 380px)'); const isMobileSmall = useMediaQuery('(max-width: 380px)');