« 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 : 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;
-   padding:.4rem 0;
+   /* OPTION B (alternative) : autoriser le retour à la ligne sur petits écrans */
+  /* flex-wrap:wrap; */
+  /* overflow-x:visible; */
 }
-/* Les liens externes MediaWiki ont souvent la classe .external */
+/* Important : certains skins mettent les liens externes en block/100%,
+   on force le comportement "tuile" */
 .minicardv2-container a.external{
-   display:flex;
+   display:inline-flex !important;
    align-items:center;
    gap:.5rem;
+  width:auto !important;
+  max-width:100%;
    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);
+}
-/* Optionnel : forcer la taille visuelle des icônes */
+/* 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;
 }