diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index c606b7c1..028e0720 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -1229,17 +1229,22 @@ h6 a:hover { .bg-primary-ghost { background: rgba(33, 46, 83, 0.05); } /* ============================================================ - FIX BOOTSTRAP-SELECT (SELECTPICKER) - NEUTRAL PRO THEME + FIX BOOTSTRAP-SELECT (SELECTPICKER) - VERSION SÉCURISÉE ============================================================ */ -/* 1. DISPARITION RADICALE DU SELECT NATIF (Évite les doublons) */ -select.selectpicker { +/* 1. DISPARITION RADICALE DU SELECT NATIF (Empêche le doublon) + On cible toutes les variantes possibles pour être sûr */ +select.selectpicker, +select[class*="selectpicker"], +.bootstrap-select > select.bs-select-hidden, +select.bs-select-hidden { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; + pointer-events: none !important; } /* 2. STYLE DU BOUTON (Apparence form-control) */ @@ -1254,61 +1259,36 @@ select.selectpicker { display: flex !important; align-items: center; justify-content: space-between; - transition: all 0.2s ease-in-out; } -/* État Focus */ -.bootstrap-select .dropdown-toggle:focus { - outline: none !important; - border-color: var(--color-primary-light) !important; - box-shadow: 0 0 0 3px var(--color-primary-ghost) !important; -} - -/* 3. LE MENU DÉROULANT (Correction largeur et affichage) */ +/* 3. LE MENU DÉROULANT (Correction largeur) */ .bootstrap-select.dropdown { width: 100% !important; + display: block !important; } .bootstrap-select .dropdown-menu { min-width: 100% !important; max-width: 100% !important; - border-radius: var(--radius-md); border: 1px solid #e2e8f0; box-shadow: var(--shadow-lg); - font-size: 0.82rem; - z-index: 9999 !important; /* Assure qu'il passe devant tout */ + z-index: 9999 !important; } -/* 4. ZONE DE RECHERCHE (Live Search) */ +/* 4. ZONE DE RECHERCHE */ .bootstrap-select .bs-searchbox { padding: 8px 10px !important; background-color: #f8f9fa; - border-bottom: 1px solid #e2e8f0; } .bootstrap-select .bs-searchbox .form-control { border: 1px solid #ced4da !important; - background-color: #fff !important; font-size: 0.8rem !important; - padding: 6px 10px !important; - border-radius: var(--radius-sm) !important; + width: 100% !important; } -/* 5. ÉLÉMENTS DE LA LISTE */ -.bootstrap-select .dropdown-menu li a { - padding: 8px 12px !important; - color: var(--color-primary); - transition: background 0.1s; -} - -.bootstrap-select .dropdown-menu li a:hover, -.bootstrap-select .dropdown-menu li.selected a { - background-color: var(--color-primary) !important; - color: #ffffff !important; -} - -/* Correction pour les petits écrans / colonnes étroites */ -.bootstrap-select .filter-option { - flex: 1 1 auto; - text-align: left; +/* 5. ÉVITER LE CONFLIT BOOTSTRAP 5 (Le secret est ici) */ +/* On annule les styles de form-select si jamais la classe a été ajoutée par erreur */ +select.selectpicker.form-select { + background-image: none !important; } \ No newline at end of file