# Регрессия CSS: у .navigation-container border-bottom нет отступа после последнего обновления

**URL:** https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088
**Category:** UX
**Tags:** air-theme, fixed
**Created:** [03.Август.2025 16:57:52 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088 "2025-08-03T16:57:52Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![xkhalid](https://avatars.discourse-cdn.com/v4/letter/x/3ab097/32.png) [@xkhalid](https://meta.discourse.org/u/xkhalid)
#### Post date: [03.Август.2025 16:57:52 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/1 "2025-08-03T16:57:52Z")

</div>

Привет, команда Discourse 👋,

После последнего обновления я заметил регрессию в CSS, связанную с элементом `.navigation-container` на страницах категорий.

Ранее между нижней границей `.navigation-container` и контентом ниже (например, блоками категорий) было естественное расстояние или отступ. Теперь граница плотно прилегает к следующему элементу без каких-либо отступов или паддингов, из-за чего дизайн выглядит тесным и несогласованным.

Это началось только после самого последнего обновления. Похоже, проблема вызвана следующим кодом:

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

```

Я вручную исправил это, добавив:

```css
margin-bottom: 24px;

```

Это восстанавливает отступ, но в идеале это должно быть исправлено в ядре или в теме по умолчанию.

* * *

До:

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/7/5/4758ed2bc4db5d7674e8563cf40f7b670309b6a0.png)

После:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/b/1/fb16875a09da03f719d3376a3c3df2347193d737.png)

* * *

С уважением,

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [04.Август.2025 11:13:21 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/3 "2025-08-04T11:13:21Z")

</div>

Здравствуйте,

Мне не удаётся воспроизвести эту проблему. Вы видите то же самое здесь, на Meta, или только на своём сайте?

Можете ли вы указать точные страницы, где вы это наблюдаете? Например, я проверил [https://meta.discourse.org/categories](https://meta.discourse.org/categories) здесь, на Meta, и всё выглядит нормально.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [04.Август.2025 11:29:44 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/4 "2025-08-04T11:29:44Z")

</div>

Я думаю, что могу воспроизвести это с помощью темы Air здесь, на Meta

 ![Screenshot_20250804_132525_Firefox](https://global.discourse-cdn.com/meta/original/4X/3/6/9/369c9c68294ffa786a82502a5222be6dd06fcc44.jpeg)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [04.Август.2025 11:49:50 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/5 "2025-08-04T11:49:50Z")

</div>

Спасибо, это помогает.

@jordan.vidrine Возможно, это вызвано новой глобальной переменной?

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

```

Тема Air использует пользовательский компонент `custom-category-boxes-container`, поэтому я не думаю, что существует общее исправление ядра для этой проблемы. Наши собственные макеты страниц категорий, насколько я могу судить, уже адаптированы к этому: обычный вид с блоками выглядит нормально.

@xkhalid Вы используете какие-либо пользовательские компоненты на этой странице?

---

<div class="post-metadata">

### Author: ![xkhalid](https://avatars.discourse-cdn.com/v4/letter/x/3ab097/32.png) [@xkhalid](https://meta.discourse.org/u/xkhalid)
#### Post date: [04.Август.2025 11:57:40 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/6 "2025-08-04T11:57:40Z")

</div>

Здравствуйте,

> **[عالم الراوترات](https://routers.world/categories)**
>
> عالم الراوترات هو أكبر منتدى متخصص في الراوترات والمودمات والشبكات وكل ما يخص التقنية.

—-

Я использую тему Air

> [@Air Theme](https://meta.discourse.org/t/air-theme/197703):
>
> discourse2Summary Air Theme is a clean & modern theme with a handful of theme components included to enhance your forum!eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/air-theme)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-air](https://github.com/discourse/discourse-air)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme Features Light Mode Dark Mode Categories Page This theme includes…

* * *

А вот мои плагины:

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/e/d/3ed91215684582b6bdcae21dd32bd699112040de.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/1/2/712cf173d234e57dac2bf8894d7a7a59f2032b47.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/5/2/052854237518343ae2e93ae13dffed73a5b9e041.jpeg)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [04.Август.2025 11:58:16 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/7 "2025-08-04T11:58:16Z")

</div>

Хорошо, теперь всё понятно, спасибо. Мы скоро исправим тему «воздух».

---

<div class="post-metadata">

### Author: ![xkhalid](https://avatars.discourse-cdn.com/v4/letter/x/3ab097/32.png) [@xkhalid](https://meta.discourse.org/u/xkhalid)
#### Post date: [04.Август.2025 12:03:25 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/8 "2025-08-04T12:03:25Z")

</div>

Спасибо @chapoi за быстрый ответ!

Я добавил следующее в CSS как временное решение

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

```

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [04.Август.2025 14:10:50 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/10 "2025-08-04T14:10:50Z")

</div>

Исправлено в

> <https://github.com/discourse/discourse-minimal-category-boxes/pull/55>
>
> Meta report https://meta.discourse.org/t/css-regression-navigation-container-bor…der-bottom-has-no-spacing-after-latest-update/377088/8

Спасибо за сообщение!

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [09.Август.2025 14:00:18 UTC](https://meta.discourse.org/t/css-regression-navigation-container-border-bottom-has-no-spacing-after-latest-update/377088/11 "2025-08-09T14:00:18Z")

</div>

Эта тема была автоматически закрыта через 4 дня. Новые ответы больше не принимаются.
