Removendo o cabeçalho da marca com CSS no chat de tamanho completo, mas não obtendo o chat em tela cheia

Suporte
1

Meu objetivo que estou tentando alcançar é ocultar o cabeçalho da marca quando os usuários estiverem no chat em tamanho real.

Consegui removê-lo com o seguinte CSS:

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

O problema é que obtenho uma barra na parte inferior com a mesma altura do cabeçalho da marca.

A imagem é uma captura de tela de uma interface de computador mostrando a atividade de um usuário em um site. O conteúdo na captura de tela está borrado, mas o perfil do usuário mostra uma interface de chat com uma bolha de texto que diz "Mesma altura que." (Legenda por IA)
A imagem é uma captura de tela de uma interface de computador mostrando a atividade de um usuário em um site. O conteúdo na captura de tela está borrado, mas o perfil do usuário mostra uma interface de chat com uma bolha de texto que diz "Mesma altura que." (Legenda por IA)2058×1026 133 KB

Minha suposição é que algum cálculo de altura não considera o cabeçalho da marca removido. Se eu recarregar a página, funciona bem.

Alguma dica? :heart:

1 curtida