רגעי CSS: ל- .navigation-container border-bottom אין רווח לאחר העדכון האחרון

חווית משתמש
,
1

Hi Discourse team :waving_hand:,

After the latest update, I noticed a CSS regression related to the .navigation-container element in category pages.

Previously, there was a natural spacing or margin between the bottom border of .navigation-container and the content below (like category boxes). Now, the border is tightly stuck to the next element, with no margin or padding, which looks visually cramped and inconsistent.

This only started after the most recent update. it appears to be coming from:

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

I manually fixed it by adding:

margin-bottom: 24px;

This restores the spacing, but ideally, this should be handled by core or the default theme.

Before :

image
image1141×155 26.8 KB

After :

image
image1119×131 15.5 KB

BR

3 לייקים
3

Hello,

I can’t repro this issue. Do you see the same thing here on meta or only on your own site?

Could you share which exact pages you see this on? For example, I checked https://meta.discourse.org/categories here on meta, which looks fine to me.

4

I think I can reproduce this using the air theme here on Meta

Screenshot_20250804_132525_Firefox
Screenshot_20250804_132525_Firefox1749×679 111 KB

3 לייקים
5

תודה, זה עוזר.

@jordan.vidrine אולי נגרם על ידי המשתנה הגלובלי החדש?

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

ערכת הנושא Air משתמשת ברכיב מותאם אישית custom-category-boxes-container כך שאני לא חושב שיש תיקון ליבה כללי לכך. כל פריסות דפי הקטגוריות שלנו הותאמו אליו ככל הנראה: תצוגת קופסה רגילה נראית בסדר.

@xkhalid האם אתה משתמש ברכיבים מותאמים אישית בדף זה?

לייק 1
6

Hi,

—-

i use Air-Theme

And this is my plugins :

image
image1290×850 77.8 KB

image
image1290×2323 104 KB

image
image1290×398 70.9 KB

7

בסדר, זה מסביר את זה, תודה. נתקן את נושא האוויר בקרוב.

לייק 1
8

תודה @chapoi על התגובה המהירה שלך!

הוספתי זאת ל-CSS כדי לתקן זאת באופן זמני:

.navigation-categories .navigation-container,
.categories-list .navigation-container {
    border-bottom: 3px solid var(--primary-low-mid-or-secondary-high);
    margin-bottom: 24px;
}
לייק 1
10

Fixed in

Thanks for the report!

4 לייקים
11

נושא זה נסגר אוטומטית לאחר 4 ימים. לא ניתן להוסיף תגובות חדשות.