내가 달성하려는 목표는 사용자가 전체 화면 채팅에 있을 때 브랜드 헤더를 숨기는 것입니다.
다음 CSS를 사용하여 제거하는 데 성공했습니다:
body.has-full-page-chat {
header.b-header{
display:none;
}
.ember-application .d-header {
margin-top: 0;
}
}
문제는 브랜드 헤더와 같은 높이의 막대가 하단에 표시된다는 것입니다.
제 추측으로는 어떤 높이 계산이 제거된 브랜드 헤더를 고려하지 않는 것 같습니다. 페이지를 새로고침하면 정상적으로 작동합니다.
어떤 조언을 주실 수 있을까요? 