ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

valde

Browse Source
This commit is contained in:
KONE SOREL 2026-02-26 15:07:13 +00:00
parent aec34a0d2d
commit 71f51f2554
1 changed files with 17 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
Bootstrap_new/css/theme-modern.css
View File

@ -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;
}