Баннер «Welcome Link» имеет лишнее поле

Обнаружена небольшая ошибка с отступами:

Я не вижу этой проблемы на meta, но на моём экземпляре она вызвана следующим CSS-кодом:

image

Этот код добавляет отступ между верхними кнопками и приветственным баннером, но также принудительно применяет отступ в местах, где это не нужно. Кроме того, отступ остаётся активным даже при скрытом приветственном баннере, например, из-за прав доступа или уровня доверия.

РЕДАКТ: временное решение?
Удалите отступ из этого класса:

.above-main-container-outlet.welcome-link-banner-connectors {
    margin-bottom: 0em !important;
}

И добавьте тот же отступ в этот класс:

.above-main-container-outlet.welcome-link-banner-connectors .welcome-link-banner, .below-site-header-outlet.welcome-link-banner-connector .welcome-link-banner {
    margin-bottom: 1em;
}

Похоже, это решило проблему для меня. Пока ничего не сломалось, и баннер выглядит как прежде.

3 лайка

У .above-main-container-outlet.welcome-link-banner-connectors есть margin-bottom: 1em, назначение которой мне непонятно.

Кроме того, это создаёт пустое пространство, независимо от того, отображается ли баннер «Добро пожаловать» или нет. Если он не отображается, отступ здесь быть не должен.

Это также может нарушить макет других компонентов темы ниже, например, световой гирлянды из Christmas Decoration Component 🎄.

Пример:

Вот два решения:

Либо убрать margin-bottom у компонента баннера «Добро пожаловать», если он не нужен, либо добавить display: none; для баннера «Добро пожаловать», когда условия для его отображения не выполнены.

4 лайка

Спасибо, что сообщили! Есть случаи, когда баннер находится сразу над другим баннером или уведомлением, поэтому ему нужен отступ. Мне удалось перенести отступ, чтобы исключить влияние, когда компонент скрыт.

6 лайков

Что ж, тогда это было уже третье! :laughing:

4 лайка