df
This commit is contained in:
parent
6ce39b8179
commit
2e0a52027a
|
|
@ -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 */
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user