L’obiettivo che sto cercando di raggiungere è nascondere l’intestazione del brand quando gli utenti sono in chat a schermo intero.
Sono riuscito a rimuoverla con il seguente CSS:
body.has-full-page-chat {
header.b-header {
display: none;
}
.ember-application .d-header {
margin-top: 0;
}
}
Il problema è che ottengo una barra in basso con la stessa altezza dell’intestazione del brand.
La mia ipotesi è che alcuni calcoli dell’altezza non considerino l’intestazione del brand rimossa. Se ricarico la pagina, funziona bene.
Qualche suggerimento? 