Update styles for bib tool buttons and detail panel, increment version code to 4.72.777

This commit enhances the CSS for the bib tool buttons, improving hover and active states with new color and box-shadow effects. The detail panel styles are also updated for better visual consistency. The version code is incremented to 4.72.777 to reflect these changes.
This commit is contained in:
2026-07-09 11:34:02 -04:00
parent 9d2223af3b
commit 8b5968e1da
2 changed files with 54 additions and 56 deletions

View File

@ -1110,41 +1110,30 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
cursor:pointer;
user-select:none;
overflow:hidden;
transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
transition:background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}
/* MSIN-4440 — Liseré haut des tuiles (relief, cohérent avec le panneau détail). */
#module-bib .bib-tool-btn::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:rgba(255,255,255,.38);
pointer-events:none;
}
#module-bib .bib-tool-btn:hover::before,
#module-bib .bib-tool-btn:focus::before{
background:rgba(255,255,255,.5);
}
#module-bib .bib-tool-btn.is-active::before{
height:4px;
background:rgba(255,255,255,.72);
}
#module-bib .bib-tool-btn:hover,
#module-bib .bib-tool-btn:focus{
/* Tuile outil — repos : bleu uni ; survol : relief ; actif : fond blanc + bordure bleue. */
#module-bib .bib-tool-btn:not(.is-active):hover,
#module-bib .bib-tool-btn:not(.is-active):focus{
background:#2852b8;
color:#fff;
box-shadow:0 2px 8px rgba(47,95,208,.35);
outline:none;
}
#module-bib .bib-tool-btn.is-active{
border-color:#fff;
box-shadow:0 0 0 2px #2f5fd0, 0 4px 12px rgba(47,95,208,.25);
background:#fff;
color:#2f5fd0;
border-color:#2f5fd0;
box-shadow:0 2px 10px rgba(47,95,208,.15);
}
#module-bib .bib-tool-btn.is-active:hover,
#module-bib .bib-tool-btn.is-active:focus{
background:#fff;
color:#2f5fd0;
outline:none;
}
#module-bib .bib-tool-btn--alt{
@ -1154,25 +1143,26 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
font-weight:600;
}
#module-bib .bib-tool-btn--alt::before{
background:rgba(47,95,208,.28);
}
#module-bib .bib-tool-btn--alt:hover::before,
#module-bib .bib-tool-btn--alt:focus::before,
#module-bib .bib-tool-btn--alt.is-active::before{
background:#2f5fd0;
}
#module-bib .bib-tool-btn--alt:hover,
#module-bib .bib-tool-btn--alt:focus{
#module-bib .bib-tool-btn--alt:not(.is-active):hover,
#module-bib .bib-tool-btn--alt:not(.is-active):focus{
background:#e8f0f8;
color:#212529;
box-shadow:0 2px 8px rgba(47,95,208,.18);
outline:none;
}
#module-bib .bib-tool-btn--alt.is-active{
background:#fff;
color:#2f5fd0;
border-color:#2f5fd0;
box-shadow:0 0 0 2px rgba(47,95,208,.35), 0 4px 12px rgba(47,95,208,.12);
box-shadow:0 2px 10px rgba(47,95,208,.15);
}
#module-bib .bib-tool-btn--alt.is-active:hover,
#module-bib .bib-tool-btn--alt.is-active:focus{
background:#fff;
color:#2f5fd0;
outline:none;
}
#module-bib .bib-tool-btn__main{
@ -1257,6 +1247,22 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
border-color:#fff;
}
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib,
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger{
border:1px solid #2f5fd0;
background:#fff;
color:#2f5fd0;
}
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib:hover,
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger:hover,
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .btn-aide-bib:focus,
#module-bib .bib-tool-btn.is-active:not(.bib-tool-btn--alt) .bib-aide-trigger:focus{
background:#e8f0fc;
color:#1e4a9e;
border-color:#2f5fd0;
}
/* (?) sur tuile grise (assignation globale). */
#module-bib .bib-tool-btn--alt .btn-aide-bib,
#module-bib .bib-tool-btn--alt .bib-aide-trigger{
@ -1279,11 +1285,11 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
#module-bib .bib-tool-detail{
position:relative;
margin-top:8px;
border:1px solid #c8d6e5;
border:2px solid #2f5fd0;
border-radius:8px;
background:#f0f5fc;
background:#fff;
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
box-shadow:0 2px 10px rgba(47,95,208,.12);
}
#module-bib .bib-tool-detail__header{
@ -1294,18 +1300,10 @@ ul.ms1-menu-compte li a:hover, ul.ms1-menu-compte li a:active {
gap:10px;
padding:8px 12px;
font-size:14px;
border-bottom:1px solid rgba(255,255,255,.15);
}
#module-bib .bib-tool-detail__header::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:rgba(255,255,255,.42);
pointer-events:none;
font-weight:700;
color:#2f5fd0;
background:#fff;
border-bottom:1px solid #e8f0fc;
}
#module-bib .bib-tool-detail__title{

View File

@ -7,7 +7,7 @@
* Constantes *
*
**************/
define('_VERSION_CODE', '4.72.776');
define('_VERSION_CODE', '4.72.777');
define('_DATE_CODE', '2026-07-09');
//MSIN-4290
define('QR_SECRET_KEY', 'ms1_qr_2026_cle_secrete_longue_et_fixe');