« 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 */
+/* Conteneur: pleine largeur + en ligne */
 .minicardv2-container{
-   display:flex;
+   display:flex !important;
+  flex-direction:row !important;
+  flex-wrap:nowrap !important;
    align-items:stretch;
    gap:.6rem;
-   width:100%;
+   width:100% !important;
    padding:.4rem 0;
-   box-sizing:border-box;
+   margin:0;
+  background:transparent;
+  border:0;
-  flex-wrap:nowrap;        /* toujours sur 1 ligne */
+   overflow-x:auto;
-   overflow-x:auto;         /* responsive: scroll si ça ne rentre pas */
    overflow-y:hidden;
+  box-sizing:border-box;
 }
-/* MediaWiki injecte parfois <p> et <br> avec des retours ligne dans le paramètre */
+/* Empêche les wrappers <p> de casser la ligne */
-.minicardv2-container p{
+.minicardv2-container > p{
-   margin:0;
+   margin:0 !important;
-   display:contents;        /* pour ne pas créer un “bloc” intermédiaire */
+  padding:0 !important;
+   background:transparent;
+  border:0;
+  /* on ne peut pas utiliser display:contents -> on force inline */
+  display:inline !important;
 }
+/* Retire les <br> générés par les retours ligne */
 .minicardv2-container br{
-   display:none;
+   display:none !important;
 }
-/* Tuiles : elles se partagent la largeur disponible */
+/* Les tuiles : on cible tous les liens (certain skins n'ont pas .external) */
 .minicardv2-container a{
-   display:flex;
+   display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:.5rem;
-   flex:1 1 0;              /* clé: 5 => plus large, 7 => plus étroit */
+   flex:1 1 0 !important;
-   min-width:120px;         /* seuil avant scroll (ajuste si tu veux) */
+   min-width:120px;
    padding:.55rem .8rem;
@@ Ligne 38 : / Ligne 50 : @@
    font-weight:600;
-   text-decoration:none;
+   text-decoration:none !important;
    white-space:nowrap;
@@ Ligne 44 : / Ligne 56 : @@
    color:#fff;
-  /* neutralise parfois l’icône externe via background-image */
+   background-image:none !important;
-   background-image:none;
 }