« 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 : @@
+/* Conteneur : 1 ligne, pleine largeur, gap constant */
 .minicardv2-container{
-   display:grid;
+   display:flex;
+   align-items:stretch;
-  /* Forcer 1 ligne */
+   gap:.6rem;
-  grid-template-rows:1fr;
-  /* Colonnes auto-ajoutées, toutes de largeur égale */
-   grid-auto-flow:column;
-   grid-auto-columns:minmax(0, 1fr);
-  gap:.6rem;
    width:100%;
    padding:.4rem 0;
+  box-sizing:border-box;
-   overflow-x:auto;
+  flex-wrap:nowrap;        /* toujours sur 1 ligne */
+   overflow-x:auto;         /* responsive: scroll si ça ne rentre pas */
    overflow-y:hidden;
-  box-sizing:border-box;
 }
-/* Cibler tous les liens dans le conteneur (certains skins ne mettent pas .external) */
+/* MediaWiki injecte parfois <p> et <br> avec des retours ligne dans le paramètre */
+.minicardv2-container p{
+  margin:0;
+  display:contents;        /* pour ne pas créer un “bloc” intermédiaire */
+}
+.minicardv2-container br{
+  display:none;
+}
+/* Tuiles : elles se partagent la largeur disponible */
 .minicardv2-container a{
-   display:flex !important;
+   display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
-   width:100% !important;
+   flex:1 1 0;              /* clé: 5 => plus large, 7 => plus étroit */
-   min-width:0;
+   min-width:120px;         /* seuil avant scroll (ajuste si tu veux) */
    padding:.55rem .8rem;
@@ Ligne 35 : / Ligne 41 : @@
    white-space:nowrap;
-   background:#111;
+   background-color:#111;
    color:#fff;
+  /* neutralise parfois l’icône externe via background-image */
+  background-image:none;
 }