Suppression de l'en-tête de marque par CSS dans le chat en taille complète, mais le chat plein écran n'est pas obtenu

Soutien
1

Mon objectif est de masquer l’en-tête de la marque lorsque les utilisateurs sont en mode chat pleine taille.

J’ai réussi à le supprimer avec le CSS suivant :

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

Le problème est que j’obtiens une barre en bas avec la même hauteur que l’en-tête de la marque.

L'image est une capture d'écran d'une interface informatique montrant l'activité d'un utilisateur sur un site Web. Le contenu de la capture d'écran est flouté, mais le profil de l'utilisateur montre une interface de chat avec une bulle de texte indiquant « Même hauteur que ». (Légendé par l'IA)
L'image est une capture d'écran d'une interface informatique montrant l'activité d'un utilisateur sur un site Web. Le contenu de la capture d'écran est flouté, mais le profil de l'utilisateur montre une interface de chat avec une bulle de texte indiquant « Même hauteur que ». (Légendé par l'IA)2058×1026 133 KB

Je suppose qu’un calcul de hauteur ne prend pas en compte l’en-tête de la marque supprimé. Si je recharge la page, cela fonctionne bien.

Des pistes ? :heart:

1 « J'aime »