« Modèle:ButtonGrid/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 1 : / Ligne 1 : @@
 /* =========================================================
-    MiniCardv2/styles.css — 1 seule ligne (no wrap) + scroll
+    MiniCardv2 — layout uniforme
-    - Toujours sur UNE ligne, quel que soit le nombre de tuiles
+   - 1 seule ligne
-    - Pleine largeur
+    - largeur identique
-    - Scroll horizontal si ça dépasse
+    - hauteur identique
-    - Compatible TemplateStyles
+    - scroll horizontal si dépassement
+    - 100% compatible TemplateStyles
     ========================================================= */
 .minicardv2-container{
    display:flex;
-   flex-wrap:nowrap;           /* ✅ interdit le retour à la ligne */
+   flex-wrap:nowrap;      /* jamais de retour ligne */
-  align-items:stretch;
    gap:.9rem;
@@ Ligne 17 : / Ligne 17 : @@
    box-sizing:border-box;
-   overflow-x:auto;            /* ✅ scroll si trop de tuiles */
+   overflow-x:auto;
    overflow-y:hidden;
-  background:transparent;
-  border:0;
 }
-/* Chaque bouton ButtonLink */
+/* ===== Taille UNIFORME des tuiles ===== */
 .minicardv2-container > .button-link{
-   flex:1 0 170px;             /* base 170px, ne wrap pas */
+   flex:0 0 190px;        /* largeur FIXE */
-   width:auto;
+   height:72px;           /* hauteur FIXE */
    box-sizing:border-box;
 }
-/* Le lien interne remplit le bouton */
+/* Le lien remplit entièrement la tuile */
 .minicardv2-container > .button-link > .button-link__link{
+  width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
+  padding:0;
    box-sizing:border-box;
 }
-/* Icônes : évite qu'une icône trop grande force la mise en page */
+/* Icônes / images toujours contenues */
 .minicardv2-container img{
-   max-height:70%;
+   max-height:65%;
    width:auto;
 }