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

Fix Mapa Css

Browse Source
This commit is contained in:
dmolinari
2025-09-08 12:53:38 -03:00
parent 70c8ce54de
commit 865cc488df
1 changed files with 38 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
Elecciones-Web/frontend/src/components/MapaBsAs.css
View File

@@ -23,6 +23,7 @@
margin: auto;
height: 88vh;
min-height: 650px;
font-size: 14px;
}
.mapa-container {
@@ -88,6 +89,7 @@
border-radius: 8px;
padding: 1rem;
border: none;
font-size: 1em;
}
.info-panel::-webkit-scrollbar { width: 8px; }
@@ -95,11 +97,21 @@
.info-panel::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-color); border-radius: 4px; border: 2px solid var(--scrollbar-track-color); }
.info-panel::-webkit-scrollbar-thumb:hover { background-color: #adb5bd; }
.info-panel h3 { margin-top: 0; color: var(--primary-accent-color); border-bottom: 2px solid var(--border-color); padding-bottom: 0.5rem; }
.info-panel p { color: var(--text-color-muted); }
.info-panel h3 {
margin-top: 0;
color: var(--primary-accent-color);
border-bottom: 2px solid var(--border-color);
padding-bottom: 0.5rem;
font-size: 1.25rem;
}
.info-panel p {
color: var(--text-color-muted);
font-size: 0.9rem;
}
.reset-button-panel {
background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start;
background: none; border: 1px solid var(--primary-accent-color); color: var(--primary-accent-color); padding: 0.5rem 1rem; border-radius: 5px; cursor: pointer; transition: all 0.2s; margin-bottom: 1rem; align-self: flex-start; font-size: 0.9rem;
}
.reset-button-panel:hover { background-color: var(--primary-accent-color); color: white; }
@@ -108,10 +120,22 @@
margin: auto 0;
}
.detalle-loading, .detalle-error { text-align: center; margin: auto 0; color: var(--text-color-muted); }
.detalle-metricas { display: flex; justify-content: space-between; font-size: 0.9em; padding-bottom: 1rem; border-bottom: 1px solid var(--border-color); margin-bottom: 1rem; }
.detalle-metricas {
display: flex;
justify-content: space-between;
font-size: 0.9rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--border-color);
margin-bottom: 1rem;
}
.resultados-lista { list-style: none; padding: 0; margin: 0; }
.resultados-lista li { margin-bottom: 1rem; }
.resultado-info { display: flex; justify-content: space-between; margin-bottom: 0.25rem; font-size: 0.9em; }
.resultado-info {
display: flex;
justify-content: space-between;
margin-bottom: 0.25rem;
font-size: 0.9rem;
}
.partido-nombre { font-weight: 500; }
.partido-votos { font-weight: 400; color: var(--text-color-muted); }
.progress-bar { height: 8px; background-color: var(--progress-bar-background); border-radius: 4px; overflow: hidden; }
@@ -138,7 +162,7 @@
/* Se define un padding para dar espacio interno al texto. */
padding: 0.5rem 1rem;
/* Se ajusta el tamaño de fuente para el texto. */
font-size: 0.9em;
font-size: 0.9rem;
font-weight: bold;
background-color: #ffffff;
color: #333;
@@ -162,7 +186,12 @@
.legend h4 {
margin-top: 0;
}
.legend-item { display: flex; align-items: center; margin-bottom: 0.5rem; font-size: 0.85em; }
.legend-item {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
font-size: 0.85rem;
}
.legend-color-box { width: 16px; height: 16px; margin-right: 8px; border-radius: 3px; border: 1px solid #ccc; }
/* --- ESTILOS PARA RESPONSIVIDAD MÓVIL --- */
@@ -202,7 +231,7 @@
/* Se ajusta el padding para que sea un buen objetivo táctil (tappable). */
padding: 0.6rem 1.2rem;
/* Un tamaño de fuente legible en móviles. */
font-size: 1em;
font-size: 1rem;
}
}
@@ -215,7 +244,7 @@
.mapa-categoria-combobox {
width: 100%;
padding: 0.75rem 1rem;
font-size: 1em;
font-size: 1rem;
font-weight: 500;
color: var(--text-color);
background-color: #f8f9fa;