在全屏聊天中通过CSS移除品牌头部,但无法实现全屏显示

我的目标是当用户处于全屏聊天时隐藏品牌页眉。

我设法通过以下 CSS 将其删除:

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

问题是底部出现了一个与品牌页眉相同高度的条。

我猜是某些高度计算没有考虑到被移除的品牌页眉。如果我重新加载页面,它就能正常工作。

有什么建议吗? :heart:

1 个赞