CSS-Regression: .navigation-container border-bottom hat keinen Abstand nach dem letzten Update

UX
,
1

Hallo Discourse-Team :waving_hand:,

Nach dem letzten Update ist mir eine CSS-Regression im Zusammenhang mit dem Element .navigation-container auf den Kategorieseiten aufgefallen.

Zuvor gab es einen natürlichen Abstand oder Rand zwischen dem unteren Rand von .navigation-container und dem darunter liegenden Inhalt (wie z. B. Kategorieboxen). Jetzt klebt der Rand fest am nächsten Element, ohne Abstand oder Polsterung, was visuell eng und inkonsistent aussieht.

Dies begann erst nach dem letzten Update. Es scheint von Folgendem zu stammen:

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

Ich habe es manuell behoben, indem ich Folgendes hinzugefügt habe:

margin-bottom: 24px;

Dies stellt den Abstand wieder her, aber idealerweise sollte dies vom Kern oder dem Standardthema gehandhabt werden.

Vorher:

image
image1141×155 26.8 KB

Nachher:

image
image1119×131 15.5 KB

Viele Grüße

3 „Gefällt mir“
3

Hallo,

Ich kann dieses Problem nicht reproduzieren. Sehen Sie dasselbe hier auf Meta oder nur auf Ihrer eigenen Website?

Könnten Sie bitte mitteilen, auf welchen genauen Seiten Sie dies sehen? Ich habe zum Beispiel https://meta.discourse.org/categories hier auf Meta überprüft, was für mich in Ordnung aussieht.

4

Ich glaube, ich kann das hier auf Meta mit dem Air-Theme reproduzieren

Screenshot_20250804_132525_Firefox
Screenshot_20250804_132525_Firefox1749×679 111 KB

3 „Gefällt mir“
5

Danke, das hilft.\n\n@jordan.vidrine vielleicht durch die neue globale Variable verursacht?\n\n\n.container.list-container.--categories {\n padding: 0 var(--list-container-categories-padding-x);\n}\n\n\nDas Air-Theme verwendet eine benutzerdefinierte Komponente custom-category-boxes-container, daher glaube ich nicht, dass es eine allgemeine Kernkorrektur dafür gibt. Unsere eigenen Layouts für die Kategorieseiten wurden alle entsprechend angepasst, soweit ich das beurteilen kann: Die normale Box-Ansicht sieht gut aus.\n\n\n@xkhalid Verwenden Sie benutzerdefinierte Komponenten auf dieser Seite?

1 „Gefällt mir“
6

Hallo,

Ich benutze Air-Theme

Und das sind meine Plugins:

image
image1290×850 77.8 KB

image
image1290×2323 104 KB

image
image1290×398 70.9 KB

7

Okay, das erklärt es, danke. Wir werden das Luftthema kurzfristig beheben.

1 „Gefällt mir“
8

Danke @chapoi für deine schnelle Antwort!

Ich habe dies zur vorübergehenden Behebung in CSS hinzugefügt:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
    border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
    margin-bottom: 24px;
}
1 „Gefällt mir“
10

Behoben in

Danke für den Bericht!

4 „Gefällt mir“
11

Dieses Thema wurde nach 4 Tagen automatisch geschlossen. Neue Antworten sind nicht mehr erlaubt.