« Modèle:ButtonGrid/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* Conteneur : en ligne, responsive */ | |||
.minicardv2-container{ | .minicardv2-container{ | ||
display:flex; | display:flex; | ||
align-items:center; | |||
gap:.6rem; | gap:.6rem; | ||
padding:.4rem 0; | |||
/* OPTION A (recommandée) : 1 seule ligne + scroll horizontal si trop long */ | |||
flex-wrap:nowrap; | flex-wrap:nowrap; | ||
overflow-x:auto; | overflow-x:auto; | ||
/* OPTION B (alternative) : autoriser le retour à la ligne sur petits écrans */ | |||
/* flex-wrap:wrap; */ | |||
/* overflow-x:visible; */ | |||
} | } | ||
/* | /* Important : certains skins mettent les liens externes en block/100%, | ||
on force le comportement "tuile" */ | |||
.minicardv2-container a.external{ | .minicardv2-container a.external{ | ||
display:flex; | display:inline-flex !important; | ||
align-items:center; | align-items:center; | ||
gap:.5rem; | gap:.5rem; | ||
width:auto !important; | |||
max-width:100%; | |||
padding:.55rem .8rem; | padding:.55rem .8rem; | ||
| Ligne 26 : | Ligne 38 : | ||
} | } | ||
.minicardv2-container a.external:hover{ transform:translateY(-1px); filter:brightness(1.05); } | .minicardv2-container a.external:hover{ | ||
.minicardv2-container a.external:active{ transform:translateY(0); } | transform:translateY(-1px); | ||
filter:brightness(1.05); | |||
} | |||
.minicardv2-container a.external:active{ | |||
transform:translateY(0); | |||
} | |||
/* | /* Icône */ | ||
.minicardv2-container a.external img{ | .minicardv2-container a.external img{ | ||
width:18px; | width:18px; | ||
height:18px; | height:18px; | ||
} | |||
/* Optionnel : enlever l’icône "lien externe" ajoutée par MediaWiki (la petite flèche) */ | |||
.minicardv2-container a.external::after{ | |||
display:none !important; | |||
} | } | ||
Version du 4 février 2026 à 19:25
/* Conteneur : en ligne, responsive */
.minicardv2-container{
display:flex;
align-items:center;
gap:.6rem;
padding:.4rem 0;
/* OPTION A (recommandée) : 1 seule ligne + scroll horizontal si trop long */
flex-wrap:nowrap;
overflow-x:auto;
/* OPTION B (alternative) : autoriser le retour à la ligne sur petits écrans */
/* flex-wrap:wrap; */
/* overflow-x:visible; */
}
/* Important : certains skins mettent les liens externes en block/100%,
on force le comportement "tuile" */
.minicardv2-container a.external{
display:inline-flex !important;
align-items:center;
gap:.5rem;
width:auto !important;
max-width:100%;
padding:.55rem .8rem;
border-radius:12px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
background:#111;
color:#fff;
transition:transform .08s ease, filter .08s ease;
}
.minicardv2-container a.external:hover{
transform:translateY(-1px);
filter:brightness(1.05);
}
.minicardv2-container a.external:active{
transform:translateY(0);
}
/* Icône */
.minicardv2-container a.external img{
width:18px;
height:18px;
}
/* Optionnel : enlever l’icône "lien externe" ajoutée par MediaWiki (la petite flèche) */
.minicardv2-container a.external::after{
display:none !important;
}