This commit is contained in:
KONE SOREL 2026-03-23 08:19:11 +00:00
parent 9f693bfef3
commit 6ac006352b

View File

@ -1785,19 +1785,22 @@ select[class*="selectpicker"],
color: #fff !important;
}
/* --- LE FIX JQUERY UI (Z-INDEX) --- */
/* 1. On ne force JAMAIS le display:block ici, sinon il reste visible en bas de page */
#ui-datepicker-div {
/* On doit être au-dessus du header (1000) */
z-index: 9999 !important;
}
/* --- LE FIX Z-INDEX (Correctif SUPERIORITÉ) --- */
#ui-datepicker-div {
z-index: 2000 !important; /* Supérieur au header (1000) */
z-index: 99999 !important; /* Priorité absolue sur le header et les modals */
display: none; /* Laisse jQuery UI le contrôler */
/* Design SaaS Neutral Pro */
background: #ffffff !important;
border: 1px solid #212e53 !important;
border-radius: 12px !important;
box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
padding: 10px !important;
font-family: inherit;
}
/* --- LE DATEPICKER "NEUTRAL PRO" (jQuery UI) --- */
/* 1. Conteneur principal : Plus grand, plus aéré, ombre premium */
/* Conteneur principal : Plus grand, plus aéré, ombre premium */
.ui-datepicker {
font-size: 10pt !important; /* Police plus lisible */
background: #fff !important; /* Fond blanc pur */
@ -1808,13 +1811,11 @@ select[class*="selectpicker"],
width: 280px !important; /* Largeur fixe pour la lisibilité */
}
/* 2. En-tête (Mois/Année) : Police forte, icônes masquées */
.ui-datepicker-header {
background: #f8f9fa !important; /* Fond d'en-tête léger */
background: #f8f9fa !important;
border: none !important;
padding: 0 0 10px 0 !important;
border-bottom: 1px solid #eee !important;
margin-bottom: 10px !important;
border-radius: 8px 8px 0 0 !important;
}
.ui-datepicker-title {
@ -1827,7 +1828,7 @@ select[class*="selectpicker"],
/* Masquage des flèches par défaut */
.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { display: none; }
/* 3. Jours de la semaine : Gris légers, en majuscules */
/* Jours de la semaine : Gris légers, en majuscules */
.ui-datepicker-calendar th {
font-weight: bold;
color: #888;
@ -1836,7 +1837,7 @@ select[class*="selectpicker"],
padding-bottom: 10px;
}
/* 4. Tableau des jours : Cellules plus grandes, sans bordures lourdes */
/* Tableau des jours : Cellules plus grandes, sans bordures lourdes */
.ui-datepicker-calendar {
border-collapse: collapse;
}
@ -1845,7 +1846,7 @@ select[class*="selectpicker"],
padding: 2px;
}
/* 5. Style des Jours Standards : Pas de bordures, fond blanc */
/* Style des Jours Standards : Pas de bordures, fond blanc */
.ui-datepicker .ui-state-default {
background: #fff !important;
color: #555 !important;
@ -1862,7 +1863,7 @@ select[class*="selectpicker"],
color: #212e53 !important;
}
/* 6. Jours Désactivés (Passés/Futurs) : Gris léger */
/* Jours Désactivés (Passés/Futurs) : Gris léger */
.ui-state-disabled {
opacity: 0.35 !important;
}
@ -1953,14 +1954,11 @@ select[class*="selectpicker"],
border: none !important;
}
/* Nettoyage des artefacts SVG invisibles de bibliothèque */
#SvgjsSvg1001,
[id^="SvgjsSvg"] {
display: none !important;
visibility: hidden !important;
position: absolute !important;
top: -100% !important;
left: -100% !important;
opacity: 0 !important;
pointer-events: none !important;
/* On s'assure que les jours sont propres */
.ui-datepicker th { color: #888 !important; text-transform: uppercase; font-size: 8pt; }
.ui-datepicker td span, .ui-datepicker td a {
border: none !important;
background: none !important;
text-align: center !important;
border-radius: 6px !important;
}