Entfernen des Marken-Headers per CSS im Vollbild-Chat, aber der Chat wird nicht im Vollbild angezeigt

Unterstützung
1

Mein Ziel ist es, die Marken-Header auszublenden, wenn Benutzer sich im Vollbild-Chat befinden.

Ich schaffe es, ihn mit dem folgenden CSS zu entfernen:

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

Das Problem ist, dass ich unten eine Leiste mit der gleichen Höhe wie der Marken-Header erhalte.

Das Bild ist ein Screenshot einer Computeroberfläche, die die Aktivität eines Benutzers auf einer Website zeigt. Der Inhalt des Screenshots ist unscharf, aber das Profil des Benutzers zeigt eine Chat-Oberfläche mit einer Sprechblase, in der steht „Gleiche Höhe wie.“ (Beschriftet von KI)
Das Bild ist ein Screenshot einer Computeroberfläche, die die Aktivität eines Benutzers auf einer Website zeigt. Der Inhalt des Screenshots ist unscharf, aber das Profil des Benutzers zeigt eine Chat-Oberfläche mit einer Sprechblase, in der steht „Gleiche Höhe wie.“ (Beschriftet von KI)2058×1026 133 KB

Ich vermute, dass eine Höhenberechnung den entfernten Marken-Header nicht berücksichtigt. Wenn ich die Seite neu lade, funktioniert es einwandfrei.

Irgendwelche Hinweise? :heart:

1 „Gefällt mir“