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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 3 : / Ligne 3 : @@
      display: flex;
      flex-wrap: wrap;
-     gap: 0.5rem;
+     gap: 0.75rem; /* Augmenté de 0.5rem à 0.75rem */
      margin: 1.5rem 0;
-     padding: 0; /* Suppression du padding */
+     padding: 0;
-     background: none; /* Suppression du fond */
+     background: none;
-     border: none; /* Suppression de la bordure */
+     border: none;
      justify-content: flex-start;
 }
@@ Ligne 19 : / Ligne 19 : @@
      font-weight: 500;
      text-decoration: none;
-     color: var(--color-base); /* Texte adaptatif */
+     color: var(--color-base);
-     background-color: var(--color-surface-2); /* Fond carte Citizen */
+     background-color: var(--color-surface-2);
-     border: 1px solid var(--border-color-base); /* Bordure adaptative */
+     border: 1px solid var(--border-color-base);
      border-radius: 4px;
      transition: all 0.2s ease;
@@ Ligne 27 : / Ligne 27 : @@
 }
-/* Hover - utilise la couleur progressive de Citizen */
+/* Hover - Suppression du soulignement + couleur blanche */
 .dpl-bouton-article:hover {
      background-color: var(--color-progressive);
-     color: #fff;
+     color: #fff !important; /* Force le blanc */
      border-color: var(--color-progressive);
-     text-decoration: none;
+     text-decoration: none !important; /* Supprime le soulignement */
-     box-shadow: var(--box-shadow-card); /* Ombre carte */
+     box-shadow: var(--box-shadow-card);
+}
+/* Force la couleur sur le lien interne aussi */
+.dpl-bouton-article:hover a {
+    color: #fff !important;
+    text-decoration: none !important;
 }
@@ Ligne 45 : / Ligne 51 : @@
 .dpl-bouton-article small {
      margin-left: 0.5rem;
-     color: var(--color-subtle); /* Texte secondaire adaptatif */
+     color: var(--color-subtle);
      font-size: 0.75rem;
 }
-/* La date reste visible en blanc au hover */
 .dpl-bouton-article:hover small {
-     color: rgba(255, 255, 255, 0.9);
+     color: #fff !important; /* Blanc pur au hover */
+    opacity: 0.95; /* Légèrement transparent pour différencier */
 }
@@ Ligne 57 : / Ligne 63 : @@
 @media (max-width: 768px) {
      .dpl-boutons-articles {
-         gap: 0.4rem;
+         gap: 0.5rem; /* Gap réduit sur mobile */
      }
@@ Ligne 66 : / Ligne 72 : @@
      .dpl-bouton-article small {
-         display: none; /* Cache la date sur mobile */
+         display: none;
      }
 }