Удаление brand-header через CSS в чате на весь размер, но не получается полноэкранный чат

Поддержка
1

Моя цель — скрыть заголовок бренда, когда пользователи находятся в чате на весь экран.

Мне удалось убрать его с помощью следующего CSS:

body.has-full-page-chat {
    header.b-header{
        display:none;
    }
    .ember-application .d-header {
        margin-top: 0;
    }
}

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

На скриншоте показан интерфейс компьютера с активностью пользователя на веб-сайте. Контент на скриншоте размыт, но в профиле пользователя виден интерфейс чата с текстовым пузырём, в котором написано «Такая же высота, как». (Подписано ИИ)
На скриншоте показан интерфейс компьютера с активностью пользователя на веб-сайте. Контент на скриншоте размыт, но в профиле пользователя виден интерфейс чата с текстовым пузырём, в котором написано «Такая же высота, как». (Подписано ИИ)2058×1026 133 KB

Я предполагаю, что какой-то расчёт высоты не учитывает удалённый заголовок бренда. Если перезагрузить страницу, всё работает нормально.

Есть какие-то идеи? :heart:

1 лайк