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

Fix ZIndex Dropdown

Browse Source
This commit is contained in:
dmolinari
2025-09-05 14:10:37 -03:00
parent d52c452009
commit 1d9ed05446
6 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Elecciones-Web/frontend/src/components/ConcejalesPorSeccionWidget.tsx
View File

@@ -12,7 +12,7 @@ const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ','
// Estilos personalizados para que el selector se vea bien // Estilos personalizados para que el selector se vea bien
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 const CATEGORIA_ID = 7; // ID para Concejales

2
Elecciones-Web/frontend/src/components/ConcejalesWidget.tsx
View File

@@ -10,7 +10,7 @@ import './TickerWidget.css';
const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`; const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 const CATEGORIA_ID = 7; // ID para Concejales

2
Elecciones-Web/frontend/src/components/DiputadosPorSeccionWidget.tsx
View File

@@ -10,7 +10,7 @@ import './TickerWidget.css';
const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`; const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 const CATEGORIA_ID = 6; // ID para Diputados

2
Elecciones-Web/frontend/src/components/DiputadosWidget.tsx
View File

@@ -10,7 +10,7 @@ import './TickerWidget.css';
const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`; const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 // Constante para la categoría de este widget

2
Elecciones-Web/frontend/src/components/SenadoresPorSeccionWidget.tsx
View File

@@ -10,7 +10,7 @@ import './TickerWidget.css';
const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`; const formatPercent = (num: number) => `${(num || 0).toFixed(2).replace('.', ',')}%`;
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 const CATEGORIA_ID = 5; // ID para Senadores

2
Elecciones-Web/frontend/src/components/SenadoresWidget.tsx
View File

@@ -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 // Estilos para el selector, podemos moverlos a un archivo común más adelante
const customSelectStyles = { const customSelectStyles = {
control: (base: any) => ({ ...base, minWidth: '220px', border: '1px solid #ced4da' }), 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 // Constante para la categoría de este widget