안녕하세요, 예전에는 로고 뒤에 포럼 이름을 텍스트로 헤더에 삽입해서 사용했습니다. 하지만 브라우저 너비와 헤더 콘텐츠의 다양한 조합에 맞춰 텍스트를 자연스럽게 배치하는 것이 번거로웠습니다. 그래서 이제는 실제 로고와 포럼 이름을 이미지에 포함시킨 로고 이미지를 사용하고 있습니다.
하지만 v2026.7.0으로 업데이트한 후, 특정 폭에서 토픽 내부에 맞게 조정하는 데 문제가 생겼습니다. (홈페이지에는 헤더에 더 많은 여백이 있어 문제가 없습니다). Discourse 설정의 Small logo(작은 로고) 항목은 _“사이트 왼쪽 상단에 표시되며, 아래로 스크롤할 때 보이는 작은 로고 이미지입니다.”_라고 설명하고 있습니다. 그러나 실제 동작은 그보다 다소 복잡합니다. 브라우저 폭이 1015픽셀 이상(대략)일 때, 사이드바가 표시된 상태에서 토픽 내부로 아래로 스크롤하면 **Primary logo(기본 로고)**가 여전히 사용되며, 토픽 제목 왼쪽에 남은 좁은 공간에 맞춰 축소되어야 합니다. 제 경우엔 이렇게 되면 로고가 읽기 어려워집니다. 약 1015픽셀보다 작은 폭에서는 **Small logo(작은 로고)**로 전환됩니다. 토픽 뷰에서 아래로 스크롤할 때 항상Small logo(작은 로고) 또는 **Mobile logo(모바일 로고)**를 사용하도록 하는 방법이 있을까요? 이 오래된 스레드에는 유사한 아이디어들이 몇 가지 있지만, 제가 정확히 하려는 내용과는 다르고 기술적 구현이 현재에도 유효한지 확실하지 않습니다:
아니면, 최신 버전의 버그로 인해 토픽 내부에서 아래로 스크롤할 때 **Primary logo(기본 로고)**를 잘못 사용하고 있는 걸까요? 미리 도움 주셔서 감사합니다.
// When the sidebar is visible, force the HomeLogo to be in an 'un-minimized' state.
const transformerExists = api.registerValueTransformer?.(
"home-logo-minimized",
({ value, context }) => {
if (value && context.showSidebar) {
return false;
}
return value;
}
);
^ 이 부분도 마찬가지인데, 이건 자동화 테스트용일 뿐이죠?
컴포넌트를 완전히 포크(Fork)하지 않고 "오버라이드를 오버라이드"하는 비교적 깔끔한 방법이 있을까요? 제가 이것을 주로 필요로 하는 이유는 1) 제 사용자 중 많은 분들이 와이드 레이아웃을 강력하게 선호한다고 명확하게 표현했고, 2) 단순히 --d-max-width와 --topic-body-width 값을 늘리는 것 외에도 처리해야 할 크고 작은 특이점(quirks)이 너무 많아서 CSS 규칙으로 다뤄야 하기 때문입니다. 저는 discourse-full-width-component/common/common.scss at main · discourse/discourse-full-width-component · GitHub 에서 복사하고 수정한 순수 CSS 규칙이 포함된 제 자체 테마 컴포넌트를 유지보수해 왔는데, Discourse의 메이저 릴리스마다 깨지는 경향이 있습니다. Full Width Component처럼 유지보수가 잘 되고 관리가 덜 필요한 것이 더 좋겠습니다.
