페이지를 게시하면 정상적으로 작동하지만, 해당 페이지로 이동하면 문제가 발생합니다.
여기서는 여러 테마가 합쳐진 것처럼 보이며, 사이드바가 없고 아이콘도 사라졌으며, 통계 정보나 프로필 사진(PFP) 등이 없습니다.
로그아웃 상태에서는 그다지 깨져 보이지만, 여전히 아이콘과 사이드바 등이 없습니다.
네, 기본 테마를 적용해 보니 버그가 사라졌어요. 이상하네요. 에어 테마 배경이나 인터 폰트를 추가하는 코드가 없는데도 말이죠.
참고로, Air 테마를 적용한 상태에서 페이지를 게시해 봤는데, 제 환경에서는 정상적으로 작동합니다. 원본 주제에서 사이드바와 요약 등 모든 요소가 제대로 표시됩니다.
게시된 페이지의 스타일이 다릅니다. 미니멀리즘으로 디자인된 일종의 리더 뷰(Reader View)인 것 같습니다. 현재 게시된 페이지에서는 사이드바가 제공되지 않으며 (아직) 헤더도 제한적입니다.
게시된 페이지의 스타일시트는 다음과 같습니다:
Discourse Air 테마는 테마에 맞게 게시된 페이지에 몇 가지 수정 사항을 추가하지만, 사용자 정의와 맞지 않는 경우 테마 컴포넌트를 사용하여 이를 오버라이드할 수 있습니다.
문제를 찾았어요.
제 테마에서 아주 오래된 코드가 Air 테마처럼 원형을 추가하고 있었네요.
.published-page {
&::before {
background: linear-gradient(
90deg,
var(--tertiary-hover) 0%,
var(--tertiary) 100%
);
clip-path: ellipse(148% 70% at 91% -14%);
content: "";
width: 100%;
height: 100%;
display: block;
position: fixed;
z-index: 0;
}
.background-container {
display: none;
}
}
제거할게요.