데스크톱에서 새로운 채팅 창(전체 화면 모드)을 사용자 정의하려고 합니다.
사용하려는 CSS는 있지만, 테마 내에서 어디에 넣어야 적용되는지 알 수 없습니다.
아래와 같은 위치를 시도해 보았습니다.
my_theme/desktop/chat.scss
my_theme/desktop/chat_desktop.scss
my_theme/common/chat.scss
my_theme/common/chat_desktop.scss
어떤 위치에서도 기본 CSS를 오버라이드하지 못하는 것 같습니다.
참고로, 주입하려는 CSS는 다음과 같습니다.
// Adjust full screen chat appearance
.full-page-chat .chat-full-page-header {
background: var(--primary-very-low);
}
.full-page-chat .chat-full-page-header {
border-top: 0px;
}
:root {
--d-max-width: 2000px;
}
.has-full-page-chat:not(.discourse-sidebar) {
--max-chat-width: 2000px;
}
#main-outlet-wrapper {
padding: 0 0px;
}
