フルサイズチャットでCSSによりブランドヘッダーを削除したが、フルスクリーンチャットにならない

目標は、ユーザーがフルサイズのチャットを使用しているときにブランドヘッダーを非表示にすることです。

以下のCSSで削除することに成功しました。

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

問題は、ブランドヘッダーと同じ高さのバーが下部に表示されることです。

一部の高さ計算で削除されたブランドヘッダーが考慮されていないのではないかと推測しています。ページをリロードすると正常に動作します。

何かヒントはありますか? :heart:

「いいね!」 1