전체 크기 채팅에서 CSS로 브랜드 헤더를 제거했지만, 전체 화면 채팅이 되지 않습니다

[janbolmeson]

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.

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

Any pointers?