Enhance styling and functionality for gestion fiche sections
This commit introduces new CSS styles for the gestion fiche sections, improving the layout and visual presentation of details. It adds background colors and flexbox layouts for better readability on mobile devices. Additionally, the PHP file is updated to ensure specific sections are collapsed or expanded based on user interactions, enhancing the user experience. The version code is incremented to reflect these changes.
This commit is contained in:
@ -2978,7 +2978,7 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section__body > .inscr-gestion-kv-list{
|
||||
.inscr-gestion-fiche-section:not(.inscr-gestion-fiche-section--details) .inscr-gestion-fiche-section__body > .inscr-gestion-kv-list{
|
||||
padding:4px 12px 8px;
|
||||
}
|
||||
|
||||
@ -3182,6 +3182,77 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
color:#28a745;
|
||||
}
|
||||
|
||||
/* Corps d'onglet : ton plus pale que l'en-tete colore (dentele). */
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-fiche-section__body{
|
||||
background:#f5f9ff;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--gestion .inscr-gestion-fiche-section__body{
|
||||
background:#fffdf5;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--editable .inscr-gestion-fiche-section__body{
|
||||
background:#f4faf5;
|
||||
}
|
||||
|
||||
/* Détails : cartes empilees style rolodex (lisible aussi sur mobile). */
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-list{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
gap:10px;
|
||||
padding:12px;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row{
|
||||
flex-direction:column;
|
||||
gap:4px;
|
||||
align-items:stretch;
|
||||
padding:12px 14px;
|
||||
margin:0;
|
||||
border:1px solid #c8dcfa;
|
||||
border-radius:8px;
|
||||
background:#fff;
|
||||
box-shadow:0 1px 3px rgba(0,64,133,.07), 0 4px 10px rgba(0,123,255,.06);
|
||||
border-bottom:none;
|
||||
transform:rotate(-0.2deg);
|
||||
transform-origin:center top;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row:nth-child(even){
|
||||
transform:rotate(0.2deg);
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row:last-child{
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row--profile{
|
||||
border-top:none;
|
||||
margin-top:0;
|
||||
padding-top:12px;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row--flag{
|
||||
align-items:center;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row__label{
|
||||
flex:none;
|
||||
max-width:none;
|
||||
font-size:11px;
|
||||
font-weight:700;
|
||||
text-transform:uppercase;
|
||||
letter-spacing:.04em;
|
||||
color:#6c8ebf;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row__value{
|
||||
font-size:15px;
|
||||
font-weight:600;
|
||||
color:#1a3557;
|
||||
}
|
||||
|
||||
.inscr-gestion-dl{
|
||||
margin:0;
|
||||
padding:12px;
|
||||
@ -3368,6 +3439,15 @@ a.ms1-trad-link.btn-aide-trad{
|
||||
font-weight:500;
|
||||
color:#212529;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row{
|
||||
transform:none;
|
||||
padding:14px 16px;
|
||||
}
|
||||
|
||||
.inscr-gestion-fiche-section--details .inscr-gestion-kv-row__value{
|
||||
font-size:16px;
|
||||
}
|
||||
}
|
||||
|
||||
.promoteur-hub-card {
|
||||
|
||||
@ -1481,7 +1481,8 @@ function fxInscrGestionRenderFiche($intEveId, $strLangue, $strBaseUrl, $arrReq,
|
||||
$strRenvoi = fxInscrGestionT('inscr_gestion_renvoi');
|
||||
|
||||
if ($blnHasGestion || $blnInspect) {
|
||||
fxInscrGestionRenderFicheSectionStart('gestion', fxInscrGestionT('inscr_gestion_section_management'), 'fa-cog', !$blnFromQr);
|
||||
// MSIN — a l'ouverture de la fiche, seul l'onglet Détails reste deploye.
|
||||
fxInscrGestionRenderFicheSectionStart('gestion', fxInscrGestionT('inscr_gestion_section_management'), 'fa-cog', false);
|
||||
echo '<div class="inscr-gestion-gestion-actions">';
|
||||
// Libelle devant le bouton facture (numero de commande) — invite a afficher la facture.
|
||||
echo '<span class="inscr-gestion-facture-label">' . fxInscrGestionEsc(fxInscrGestionT('inscr_gestion_show_invoice')) . '</span>';
|
||||
@ -1556,7 +1557,8 @@ function fxInscrGestionRenderFiche($intEveId, $strLangue, $strBaseUrl, $arrReq,
|
||||
}
|
||||
|
||||
if ($blnHasEditable || $blnInspect) {
|
||||
fxInscrGestionRenderFicheSectionStart('editable', fxInscrGestionT('inscr_gestion_section_editable'), 'fa-pencil-square-o', true);
|
||||
// MSIN — champs modifiables fermes par defaut ; ouverts si arrivee par scan QR (dossard).
|
||||
fxInscrGestionRenderFicheSectionStart('editable', fxInscrGestionT('inscr_gestion_section_editable'), 'fa-pencil-square-o', $blnFromQr);
|
||||
|
||||
if ($blnCanBib) {
|
||||
$strFullBibInputId = $strBibInputId . $intParId;
|
||||
|
||||
@ -7,8 +7,8 @@
|
||||
* Constantes *
|
||||
*
|
||||
**************/
|
||||
define('_VERSION_CODE', '4.72.721');
|
||||
define('_DATE_CODE', '2026-06-30');
|
||||
define('_VERSION_CODE', '4.72.722');
|
||||
define('_DATE_CODE', '2026-07-02');
|
||||
//MSIN-4290
|
||||
define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');
|
||||
// Outil temporaire ms1_kc_set.php — modifier key_chain_http (lien /kc/{pk}/)
|
||||
|
||||
Reference in New Issue
Block a user