Modèle:ButtonGrid/styles.css
De Nefald
Autres actions
/* =========================================================
MiniCardv2/styles.css — 1 seule ligne (no wrap) + scroll
- Toujours sur UNE ligne, quel que soit le nombre de tuiles
- Pleine largeur
- Scroll horizontal si ça dépasse
- Compatible TemplateStyles
========================================================= */
.minicardv2-container{
display:flex;
flex-wrap:nowrap; /* ✅ interdit le retour à la ligne */
align-items:stretch;
gap:.9rem;
width:100%;
padding:.4rem 0;
box-sizing:border-box;
overflow-x:auto; /* ✅ scroll si trop de tuiles */
overflow-y:hidden;
background:transparent;
border:0;
}
/* Chaque bouton ButtonLink */
.minicardv2-container > .button-link{
flex:1 0 170px; /* base 170px, ne wrap pas */
width:auto;
box-sizing:border-box;
}
/* Le lien interne remplit le bouton */
.minicardv2-container > .button-link > .button-link__link{
height:100%;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
}
/* Icônes : évite qu'une icône trop grande force la mise en page */
.minicardv2-container img{
max-height:70%;
width:auto;
}