From 1d9ed0544604320dec9bd719a26229ec5b2c8bbe Mon Sep 17 00:00:00 2001
From: dmolinari <dmolinari@eldia.com>
Date: Fri, 5 Sep 2025 14:10:37 -0300
Subject: [PATCH] Fix ZIndex Dropdown

---
 .../frontend/src/components/ConcejalesPorSeccionWidget.tsx      | 2 +-
 Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx     | 2 +-
 .../frontend/src/components/DiputadosPorSeccionWidget.tsx       | 2 +-
 Elecciones-Web/frontend/src/components/DiputadosWidget.tsx      | 2 +-
 .../frontend/src/components/SenadoresPorSeccionWidget.tsx       | 2 +-
 Elecciones-Web/frontend/src/components/SenadoresWidget.tsx      | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/Elecciones-Web/frontend/src/components/ConcejalesPorSeccionWidget.tsx b/Elecciones-Web/frontend/src/components/ConcejalesPorSeccionWidget.tsx
index 9cd8d98..2586332 100644
--- a/Elecciones-Web/frontend/src/components/ConcejalesPorSeccionWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/ConcejalesPorSeccionWidget.tsx
@@ -12,7 +12,7 @@ const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ','
 // Estilos personalizados para que el selector se vea bien
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }), // Para que el menú se superponga
+  menu: (base: any) => ({ ...base, zIndex: 100 }), // Para que el menú se superponga
 };
 
 const CATEGORIA_ID = 7; // ID para Concejales
diff --git a/Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx b/Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx
index 692d9a8..df7d265 100644
--- a/Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx
@@ -10,7 +10,7 @@ import './TickerWidget.css';
 const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }),
+  menu: (base: any) => ({ ...base, zIndex: 100 }),
 };
 
 const CATEGORIA_ID = 7; // ID para Concejales
diff --git a/Elecciones-Web/frontend/src/components/DiputadosPorSeccionWidget.tsx b/Elecciones-Web/frontend/src/components/DiputadosPorSeccionWidget.tsx
index 7383756..62631d4 100644
--- a/Elecciones-Web/frontend/src/components/DiputadosPorSeccionWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/DiputadosPorSeccionWidget.tsx
@@ -10,7 +10,7 @@ import './TickerWidget.css';
 const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }),
+  menu: (base: any) => ({ ...base, zIndex: 100 }),
 };
 
 const CATEGORIA_ID = 6; // ID para Diputados
diff --git a/Elecciones-Web/frontend/src/components/DiputadosWidget.tsx b/Elecciones-Web/frontend/src/components/DiputadosWidget.tsx
index ead33eb..abed294 100644
--- a/Elecciones-Web/frontend/src/components/DiputadosWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/DiputadosWidget.tsx
@@ -10,7 +10,7 @@ import './TickerWidget.css';
 const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }),
+  menu: (base: any) => ({ ...base, zIndex: 100 }),
 };
 
 // Constante para la categoría de este widget
diff --git a/Elecciones-Web/frontend/src/components/SenadoresPorSeccionWidget.tsx b/Elecciones-Web/frontend/src/components/SenadoresPorSeccionWidget.tsx
index 7bc8252..6102be6 100644
--- a/Elecciones-Web/frontend/src/components/SenadoresPorSeccionWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/SenadoresPorSeccionWidget.tsx
@@ -10,7 +10,7 @@ import './TickerWidget.css';
 const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }),
+  menu: (base: any) => ({ ...base, zIndex: 100 }),
 };
 
 const CATEGORIA_ID = 5; // ID para Senadores
diff --git a/Elecciones-Web/frontend/src/components/SenadoresWidget.tsx b/Elecciones-Web/frontend/src/components/SenadoresWidget.tsx
index 16c334a..848a9fe 100644
--- a/Elecciones-Web/frontend/src/components/SenadoresWidget.tsx
+++ b/Elecciones-Web/frontend/src/components/SenadoresWidget.tsx
@@ -12,7 +12,7 @@ const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ','
 // Estilos para el selector, podemos moverlos a un archivo común más adelante
 const customSelectStyles = {
   control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }),
-  menu: (base: any) => ({ ...base, zIndex: 10 }),
+  menu: (base: any) => ({ ...base, zIndex: 100 }),
 };
 
 // Constante para la categoría de este widget