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

df

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1392,16 +1392,30 @@ select[class*="selectpicker"],
to { opacity: 1; transform: translateY(0); }
}
/* Optionnel : Réduire légèrement l'entête lors du scroll (via JS si besoin) */
#titre-page {
color: var(--color-primary);
letter-spacing: -0.5px;
font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */
color: var(--color-primary);
letter-spacing: -0.5px;
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 {
width: 100%;
margin-bottom: 1.5rem !important; /* Ajustez cette valeur si c'est encore trop grand */
position: -webkit-sticky; /* Pour Safari */
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 */

51
Vue/Modifautresparametresprod/index.php
View File

@ -3,33 +3,34 @@
<div class="page-content">
<input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
<div class="header-section mb-4">
<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 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;">
<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>
<p class="text-muted small mb-0"><?= _("Production & Comptabilité — Ajustement des seuils et taux opérationnels") ?></p>
</div>
</div>
<div class="header-section">
<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;">
<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>
<p class="text-muted small mb-0"><?= _("Production & Comptabilité") ?></p>
</div>
</div>
<div class="position-relative mt-3 mt-md-0" style="min-width: 300px;">
<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...') ?>">
</div>
<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>
<input type="text" id="globalSearch" class="form-control ps-5 border-2 rounded-pill shadow-none" placeholder="<?= _('Filtrer les paramètres...') ?>">
</div>
<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();">
<i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
</button>
<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") ?>
</button>
</div>
</div>
</div>
<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();">
<i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
</button>
<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") ?>
</button>
</div>
</div>
</div>
<form id="formModifProd">