Fix Columna Tabla
This commit is contained in:
@@ -84,7 +84,7 @@ export const ResultadosRankingMunicipioWidget = () => {
|
|||||||
</tr>
|
</tr>
|
||||||
{/* Fila 3: Sub-cabeceras (Partido, %) */}
|
{/* Fila 3: Sub-cabeceras (Partido, %) */}
|
||||||
<tr>
|
<tr>
|
||||||
<th />
|
<th className="sub-header-init" />
|
||||||
{
|
{
|
||||||
// Usamos un bucle map simple en lugar de flatMap.
|
// Usamos un bucle map simple en lugar de flatMap.
|
||||||
// React manejará la creación de un array de nodos sin problemas.
|
// React manejará la creación de un array de nodos sin problemas.
|
||||||
|
|||||||
@@ -63,12 +63,14 @@
|
|||||||
/* Fila 1: Categorías (SENADORES, CONCEJALES) */
|
/* Fila 1: Categorías (SENADORES, CONCEJALES) */
|
||||||
.tabla-container th.categoria-header {
|
.tabla-container th.categoria-header {
|
||||||
border-bottom: 1px solid #adb5bd;
|
border-bottom: 1px solid #adb5bd;
|
||||||
|
border-right: 2px solid #adb5bd;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fila 2: Puestos (1° Puesto, 2° Puesto) */
|
/* Fila 2: Puestos (1° Puesto, 2° Puesto) */
|
||||||
.tabla-container th.puesto-header {
|
.tabla-container th.puesto-header {
|
||||||
border-bottom: 1px solid #adb5bd;
|
border-bottom: 1px solid #adb5bd;
|
||||||
|
border-right: 2px solid #adb5bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fila 3: Sub-cabeceras (Partido, %) */
|
/* Fila 3: Sub-cabeceras (Partido, %) */
|
||||||
@@ -107,12 +109,13 @@
|
|||||||
border-right: 1px solid #dee2e6;
|
border-right: 1px solid #dee2e6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tabla-container th.sub-header-init {
|
||||||
|
border-right: 2px solid #adb5bd;
|
||||||
|
}
|
||||||
|
|
||||||
/* Líneas divisorias entre categorías */
|
/* Líneas divisorias entre categorías */
|
||||||
.tabla-container .category-divider-header {
|
.tabla-container .category-divider-header {
|
||||||
border-left: 2px solid #adb5bd; /* Línea más gruesa en la cabecera */
|
border-left: 2px solid #adb5bd;
|
||||||
}
|
|
||||||
.tabla-container .category-divider {
|
|
||||||
border-left: 2px solid #adb5bd; /* Línea más gruesa en las celdas */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Columna fija de Municipio */
|
/* Columna fija de Municipio */
|
||||||
@@ -141,6 +144,7 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #212529;
|
color: #212529;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
border-left: 2px solid #adb5bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Columnas de porcentajes */
|
/* Columnas de porcentajes */
|
||||||
@@ -152,6 +156,7 @@
|
|||||||
/* Línea divisoria vertical para las celdas de datos */
|
/* Línea divisoria vertical para las celdas de datos */
|
||||||
.tabla-container tbody td.category-divider {
|
.tabla-container tbody td.category-divider {
|
||||||
border-right: 1px solid #ced4da;
|
border-right: 1px solid #ced4da;
|
||||||
|
border-left: 2px solid #adb5bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Estilos para la columna fija (Sticky) */
|
/* Estilos para la columna fija (Sticky) */
|
||||||
|
|||||||
Reference in New Issue
Block a user