Removing brand-header by css in full size chat, but not getting full-screen chat

Support
1

My goal I am trying to achieve is to hide brand header when users are in full-size chat.

I manage to remove it by the following CSS:

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

The problem is that I get bar at the bottom with the same height as brand-header.

The image is a screenshot of a computer interface showing a user's activity on a website. The content in the screenshot is blurred, but the user's profile shows a chat interface with a text bubble that says "Same height as." (Captioned by AI)
The image is a screenshot of a computer interface showing a user's activity on a website. The content in the screenshot is blurred, but the user's profile shows a chat interface with a text bubble that says "Same height as." (Captioned by AI)2058×1026 133 KB

My guess is that some height-calculation doesn’t consider the removed brand-header. If I reload page it works fine.

Any pointers? :heart:

1 Like