This commit is contained in:
KONE SOREL 2026-02-26 13:29:57 +00:00
parent 27e6b20be3
commit 27fa31c436
2 changed files with 40 additions and 89 deletions

View File

@ -1223,19 +1223,28 @@ h6 a:hover {
.page-content { padding: 18px 0px; }
}
/* Force le bouton du selectpicker à ressembler à vos form-control */
/* --- COMPOSANTS GLOBAUX --- */
.required::after { content: " *"; color: var(--color-urgent); font-weight: bold; }
.bg-warning-ghost { background: rgba(243, 156, 18, 0.12); }
.bg-primary-ghost { background: rgba(33, 46, 83, 0.05); }
/* --- FIX SELECTPICKER GLOBAL --- */
.btn-form-select {
background-color: #fff !important;
border: 1px solid #e2e8f0 !important; /* Couleur de votre bordure Neutral Pro */
color: var(--color-primary) !important;
border: 1px solid #e2e8f0 !important;
color: #4a5568 !important;
font-size: 0.82rem !important;
padding: 0.5rem 0.75rem !important;
padding: 0.45rem 0.75rem !important;
border-radius: var(--radius-sm) !important;
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Supprime le contour bleu par défaut de Bootstrap-select au 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;
}
}

View File

@ -45,7 +45,7 @@
</div>
<div class="col-md-4">
<label class="form-label small fw-bold text-muted required"><?= _("Type de Structure") ?></label>
<select class="form-select selectpicker w-100" data-live-search="true" id="codeTypeSociete" name="codeTypeSociete" required>
<select class="selectpicker w-100" data-live-search="true" data-style="btn-form-select" id="codeTypeSociete" name="codeTypeSociete" required>
<?php liste_options($typeSociete, $this->nettoyer($societeuser['typeSociete'])); ?>
</select>
</div>
@ -70,32 +70,19 @@
<h6 class="small fw-bold text-primary text-uppercase mb-3" style="letter-spacing: 0.5px;"><?= _("Siège & Adresses") ?></h6>
<div class="row g-3">
<div class="col-md-6">
<label class="form-label small fw-bold text-muted required"><?= _("Pays de Résidence") ?></label>
<select onchange="liste_villes();"
class="selectpicker w-100"
data-live-search="true"
data-style="btn-form-select"
id="codePays"
name="codePays"
required>
<?php liste_options($pays, $this->nettoyer($societeuser['codePays'])); ?>
</select>
</div>
<label class="form-label small fw-bold text-muted required"><?= _("Pays de Résidence") ?></label>
<select onchange="liste_villes();" class="selectpicker w-100" data-live-search="true" data-style="btn-form-select" id="codePays" name="codePays" required>
<?php liste_options($pays, $this->nettoyer($societeuser['codePays'])); ?>
</select>
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-muted required"><?= _("Ville / Commune") ?></label>
<div id="div_ville">
<select class="selectpicker w-100"
data-live-search="true"
data-style="btn-form-select"
id="ville"
name="ville"
required>
<?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
</select>
</div>
</div>
<label class="form-label small fw-bold text-muted required"><?= _("Ville / Commune") ?></label>
<div id="div_ville">
<select class="selectpicker w-100" data-live-search="true" data-style="btn-form-select" id="ville" name="ville" required>
<?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
</select>
</div>
</div>
<div class="col-md-12">
<label class="form-label small fw-bold text-muted"><?= _("Adresse Physique") ?></label>
<input class="form-control form-control-sm" type="text" id="adresseGeoSociete" name="adresseGeoSociete" value="<?=$this->nettoyer($societeuser['adresseGeoSociete'])?>" placeholder="Rue, Quartier, Porte...">
@ -149,17 +136,17 @@
</div>
<div class="col-12">
<div class="p-2 border rounded bg-white mt-2">
<label class="form-label small fw-bold text-muted d-block mb-2"><?= _("Indicateurs Critiques (Lecture Seule)") ?></label>
<div class="d-flex justify-content-between">
<div class="text-center px-2 border-end flex-fill">
<label class="form-label small fw-bold text-muted d-block mb-2"><?= _("Indicateurs (Lecture Seule)") ?></label>
<div class="d-flex justify-content-between text-center">
<div class="px-2 border-end flex-fill">
<div class="small text-muted mb-0"><?= _("S/P Max") ?></div>
<span class="fw-bold text-danger"><?= $this->nettoyer($societeuser['spMax']) ?>%</span>
</div>
<div class="text-center px-2 border-end flex-fill">
<div class="px-2 border-end flex-fill">
<div class="small text-muted mb-0"><?= _("Indicatif") ?></div>
<span class="fw-bold text-dark">+<?= $this->nettoyer($societeuser['indicatifTelephone']) ?></span>
</div>
<div class="text-center px-2 flex-fill">
<div class="px-2 flex-fill">
<div class="small text-muted mb-0"><?= _("Carte") ?></div>
<span class="fw-bold text-dark"><?= format_N($this->nettoyer($societeuser['fraisCarteAN'])) ?></span>
</div>
@ -208,27 +195,16 @@
<label class="form-label small fw-bold text-primary mb-2">
<i class="fas <?= $e['icon'] ?> me-2 opacity-50"></i><?= _($e['label']) ?>
</label>
<input class="form-control form-control-sm mb-2" type="email" id="<?= $e['id'] ?>" name="<?= $e['id'] ?>" value="<?=$this->nettoyer($societeuser[$e['id']])?>" placeholder="Email service...">
<input class="form-control form-control-sm mb-2" type="email" id="<?= $e['id'] ?>" name="<?= $e['id'] ?>" value="<?=$this->nettoyer($societeuser[$e['id']])?>">
<?php if($e['sms']): ?>
<div class="input-group input-group-sm">
<span class="input-group-text bg-light text-muted" style="font-size: 0.65rem;">SMS</span>
<input class="form-control" type="text" id="<?= $e['sms'] ?>" name="<?= $e['sms'] ?>" value="<?=$this->nettoyer($societeuser[$e['sms']])?>" placeholder="N° Téléphone">
<input class="form-control" type="text" id="<?= $e['sms'] ?>" name="<?= $e['sms'] ?>" value="<?=$this->nettoyer($societeuser[$e['sms']])?>">
</div>
<?php endif; ?>
</div>
</div>
<?php endforeach; ?>
<div class="col-md-6 col-lg-4 col-xl-3">
<div class="p-3 border border-primary-light rounded bg-white shadow-xs" style="border-style: dotted !important;">
<label class="form-label small fw-bold text-muted mb-2"><?= _("Configuration Police") ?></label>
<div class="input-group input-group-sm">
<span class="input-group-text bg-primary text-white border-primary small">PRÉFIXE</span>
<input class="form-control border-primary fw-bold" type="text" id="codePrefixePolice" name="codePrefixePolice" value="<?=$this->nettoyer($societeuser['codePrefixePolice'])?>">
</div>
</div>
</div>
</div>
</div>
</div>
@ -238,46 +214,12 @@
</div>
<style>
/* --- Optimisations spécifiques Édition Modern --- */
.border-edit {
border-top: 4px solid var(--color-warning) !important;
}
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
.sticky-top {
backdrop-filter: blur(8px);
background: rgba(255, 255, 255, 0.95) !important;
}
/* Harmonisation des inputs */
.form-control, .form-select, .input-group-text {
font-size: 0.82rem !important;
border-color: #e2e8f0;
}
.form-control:focus {
border-color: var(--color-primary-light);
box-shadow: 0 0 0 3px var(--color-primary-ghost);
}
.required::after {
content: " *";
color: var(--color-urgent);
font-weight: bold;
}
/* --- THEME & LAYOUT --- */
.border-edit { border-top: 4px solid var(--color-warning) !important; }
.sticky-top { backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.95) !important; }
.form-control, .form-select { font-size: 0.82rem !important; border-color: #e2e8f0; }
.required::after { content: " *"; color: var(--color-urgent); font-weight: bold; }
.bg-warning-ghost { background: rgba(243, 156, 18, 0.12); }
.bg-primary-ghost { background: rgba(33, 46, 83, 0.05); }
/* Transition sur les tuiles de service */
.hover-shadow-sm:hover {
border-color: var(--color-primary-light) !important;
}
/* Override Bootstrap Select pour la taille */
.bootstrap-select .btn {
padding: 0.45rem 0.75rem !important;
font-size: 0.82rem !important;
}
</style>