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:
108
css/style.css
108
css/style.css
@ -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{
|
||||
|
||||
@ -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');
|
||||
|
||||
Reference in New Issue
Block a user