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