Eliminando el encabezado de marca con CSS en el chat de tamaño completo, pero sin obtener un chat de pantalla completa

Soporte
1

Mi objetivo es ocultar el encabezado de la marca cuando los usuarios están en el chat a tamaño completo.

Logré eliminarlo con el siguiente CSS:

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

El problema es que obtengo una barra en la parte inferior con la misma altura que el encabezado de la marca.

La imagen es una captura de pantalla de una interfaz de computadora que muestra la actividad de un usuario en un sitio web. El contenido de la captura de pantalla está borroso, pero el perfil del usuario muestra una interfaz de chat con una burbuja de texto que dice "Misma altura que". (Subtitulado por IA)
La imagen es una captura de pantalla de una interfaz de computadora que muestra la actividad de un usuario en un sitio web. El contenido de la captura de pantalla está borroso, pero el perfil del usuario muestra una interfaz de chat con una burbuja de texto que dice "Misma altura que". (Subtitulado por IA)2058×1026 133 KB

Supongo que algún cálculo de altura no tiene en cuenta el encabezado de la marca eliminado. Si recargo la página, funciona bien.

¿Alguna sugerencia? :heart:

1 me gusta