CSS régression : .navigation-container border-bottom n'a pas d'espacement après la dernière mise à jour

UX
,
1

Salut l’équipe Discourse :waving_hand:,

Après la dernière mise à jour, j’ai remarqué une régression CSS concernant l’élément .navigation-container sur les pages de catégories.

Auparavant, il y avait un espacement naturel ou une marge entre la bordure inférieure de .navigation-container et le contenu en dessous (comme les boîtes de catégories). Maintenant, la bordure est collée à l’élément suivant, sans marge ni padding, ce qui donne un aspect visuellement étriqué et incohérent.

Cela n’a commencé qu’après la mise à jour la plus récente. Cela semble provenir de :

.navigation-categories .navigation-container,
.categories-list .navigation-container {
  border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
}

Je l’ai corrigé manuellement en ajoutant :

margin-bottom: 24px;

Cela rétablit l’espacement, mais idéalement, cela devrait être géré par le cœur ou le thème par défaut.

Avant :

image
image1141×155 26.8 KB

Après :

image
image1119×131 15.5 KB

Cordialement

3 « J'aime »
3

Bonjour,

Je n’arrive pas à reproduire ce problème. Le voyez-vous ici sur meta ou seulement sur votre propre site ?

Pourriez-vous partager sur quelles pages exactes vous le voyez ? Par exemple, j’ai vérifié https://meta.discourse.org/categories ici sur meta, et cela semble correct pour moi.

4

Je pense que je peux reproduire cela en utilisant le thème aérien ici sur Meta

Screenshot_20250804_132525_Firefox
Screenshot_20250804_132525_Firefox1749×679 111 KB

3 « J'aime »
5

Merci, cela aide.

@jordan.vidrine peut-être causé par la nouvelle variable globale ?

.container.list-container.--categories {
  padding: 0 var(--list-container-categories-padding-x);
}

Le thème Air utilise un composant personnalisé custom-category-boxes-container, donc je ne pense pas qu’il y ait de correction générale pour le cœur de ce problème. Nos propres mises en page de pages de catégories ont toutes été ajustées en conséquence : la vue normale en boîte semble correcte.

@xkhalid Utilisez-vous des composants personnalisés sur cette page ?

1 « J'aime »
6

Salut,

J’utilise le thème Air

Et voici mes plugins :

image
image1290×850 77.8 KB

image
image1290×2323 104 KB

image
image1290×398 70.9 KB

7

D’accord, cela explique, merci. Nous allons corriger le thème de l’air sous peu.

1 « J'aime »
8

Merci @chapoi pour votre réponse rapide !

J’ai ajouté ceci dans CSS pour le corriger temporairement :

.navigation-categories .navigation-container,
.categories-list .navigation-container {
    border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
    margin-bottom: 24px;
}
1 « J'aime »
10

Corrigé dans

Merci pour le signalement !

4 « J'aime »
11

Ce sujet a été automatiquement fermé après 4 jours. Les nouvelles réponses ne sont plus autorisées.