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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 1 : / Ligne 1 : @@
+/* ============================================
+   FIX: RÉINITIALISATION POUR ÉVITER CONFLITS
+   ============================================ */
+.button-link-image-container,
+.button-link-image-container *,
+.button-link-image,
+.button-link-image * {
+    border: none !important;
+    box-sizing: border-box !important;
+}
+.button-link-image-container img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+}
 /* ============================================
     MASQUER L'ICÔNE DE LIEN EXTERNE MEDIAWIKI
@@ Ligne 86 : / Ligne 105 : @@
      width: 100%;
 }
+/* ============================================
+   CONTENEUR IMAGE
+   ============================================ */
+.button-link-image-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    border-radius: 8px;
+    padding: 0.5rem;
+    min-width: 40px;
+    max-width: 40px;
+    min-height: 40px;
+    max-height: 40px;
+    background: transparent;
+    margin: -0.5rem 0.75rem -0.5rem -0.5rem;
+    overflow: visible; /* Changé de hidden à visible */
+}
+/* Image à droite : inverser les marges */
+.button-link--position-right .button-link-image-container {
+    margin: -0.5rem -0.5rem -0.5rem 0.75rem;
+}
+.button-link-image-container .mw-file-description {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+.button-link-image-container img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
 /* ============================================