This commit is contained in:
KONE SOREL 2026-03-02 12:05:01 +00:00
parent 6ce39b8179
commit 2e0a52027a
2 changed files with 46 additions and 31 deletions

View File

@ -1392,16 +1392,30 @@ select[class*="selectpicker"],
to { opacity: 1; transform: translateY(0); } to { opacity: 1; transform: translateY(0); }
} }
/* Optionnel : Réduire légèrement l'entête lors du scroll (via JS si besoin) */
#titre-page { #titre-page {
color: var(--color-primary); color: var(--color-primary);
letter-spacing: -0.5px; letter-spacing: -0.5px;
font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */ font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */
} }
/* On réduit la marge de la section pour coller davantage au contenu */ /* ENTÊTE FIXE "STICKY" */
.header-section { .header-section {
width: 100%; position: -webkit-sticky; /* Pour Safari */
margin-bottom: 1.5rem !important; /* Ajustez cette valeur si c'est encore trop grand */ position: sticky;
top: 0;
z-index: 1050; /* Doit être supérieur aux cartes et tableaux */
background-color: rgba(244, 247, 250, 0.8); /* Couleur de fond de votre page avec transparence */
backdrop-filter: blur(10px); /* Effet de flou moderne */
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 1.5rem !important;
transition: all 0.3s ease;
}
/* On s'assure que la carte à l'intérieur de la section fixe garde son ombre */
.header-section > div {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
} }
/* Ajustement des icônes pour plus de finesse */ /* Ajustement des icônes pour plus de finesse */

View File

@ -3,33 +3,34 @@
<div class="page-content"> <div class="page-content">
<input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>"> <input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
<div class="header-section mb-4"> <div class="header-section">
<div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between bg-white p-3 shadow-sm border-start border-warning border-4" style="border-radius: var(--radius-md);"> <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between bg-white p-3 border-start border-warning border-4" style="border-radius: var(--radius-md);">
<div class="d-flex align-items-center">
<div class="icon-shape bg-warning-ghost text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"> <div class="d-flex align-items-center">
<i class="fas fa-edit fs-5"></i> <div class="icon-shape bg-warning-ghost text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
</div> <i class="fas fa-edit fs-5"></i>
<div> </div>
<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Modifier Règles Métier") ?></h4> <div>
<p class="text-muted small mb-0"><?= _("Production & Comptabilité — Ajustement des seuils et taux opérationnels") ?></p> <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Modifier Règles Métier") ?></h4>
</div> <p class="text-muted small mb-0"><?= _("Production & Comptabilité") ?></p>
</div> </div>
</div>
<div class="position-relative mt-3 mt-md-0" style="min-width: 300px;"> <div class="position-relative mx-md-3 mt-3 mt-md-0" style="min-width: 250px; flex-grow: 1; max-width: 400px;">
<i class="fas fa-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i> <i class="fas fa-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
<input type="text" id="globalSearch" class="form-control ps-5 border-2 rounded-pill shadow-none" style="font-size: 0.85rem;" placeholder="<?= _('Chercher un paramètre...') ?>"> <input type="text" id="globalSearch" class="form-control ps-5 border-2 rounded-pill shadow-none" placeholder="<?= _('Filtrer les paramètres...') ?>">
</div> </div>
<div class="d-flex gap-2 mt-3 mt-md-0"> <div class="d-flex gap-2 mt-3 mt-md-0">
<button class="btn btn-outline-secondary btn-sm px-3 fw-bold" onclick="javascript:afficher_autres_parametresgeneraux();"> <button class="btn btn-outline-secondary btn-sm px-3 fw-bold" onclick="javascript:afficher_autres_parametresgeneraux();">
<i class="fas fa-undo me-2"></i><?= _("Annuler") ?> <i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
</button> </button>
<button class="btn btn-primary btn-sm px-3 fw-bold shadow-sm" id="btn_enreg" onclick="javascript:enregistrer_modif_parametres_prod();"> <button class="btn btn-primary btn-sm px-3 fw-bold shadow-sm" id="btn_enreg" onclick="javascript:enregistrer_modif_parametres_prod();">
<i class="fas fa-save me-2"></i><?= _("Enregistrer") ?> <i class="fas fa-save me-2"></i><?= _("Enregistrer") ?>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
<form id="formModifProd"> <form id="formModifProd">