هدفي الذي أحاول تحقيقه هو إخفاء رأس العلامة التجارية عندما يكون المستخدمون في وضع الدردشة بالحجم الكامل.
لقد تمكنت من إزالته باستخدام CSS التالي:
body.has-full-page-chat {
header.b-header {
display: none;
}
.ember-application .d-header {
margin-top: 0;
}
}
المشكلة هي أنني أحصل على شريط في الأسفل بنفس ارتفاع رأس العلامة التجارية.
تخميني هو أن بعض حسابات الارتفاع لا تأخذ في الاعتبار رأس العلامة التجارية الذي تمت إزالته. إذا قمت بإعادة تحميل الصفحة، فإنها تعمل بشكل جيد.
أي اقتراحات؟ 