안녕하세요, 제 사용자들은 디스커스가 기본적으로 사용하는 넓은 왼쪽과 오른쪽 여백을 매우 싫어하는 것을 발견했습니다. 그래서 저는 GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width · GitHub 와 함께 다음과 같은 추가 CSS 조정 사항을 사용했습니다:
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
최근의 디스커스 업데이트로 인해 GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width · GitHub 가 깨진 것으로 보이며, 전체 폭의 작성자(composer) 패널이 화면 왼쪽 밖으로 벗어나고 있었습니다. 그래서 저는 discourse-wide-posts를 비활성화하고, 왼쪽 여백만 줄여주는 GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub 를 설치했으며, 오른쪽 여백을 줄이고 작성자 패널을 전체 폭으로 만들기 위해 다음과 같은 CSS 조정 사항을 추가했습니다:
body.has-sidebar-page #reply-control.show-preview:not(.fullscreen), #reply-control {
max-width: 100%;
margin-left: 0;
}
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
그러나 몇 가지 이상한 현상들이 있습니다. 이 중 대부분은 기본(전체 폭) 테마나 Fully Theme 테마를 사용하여 디스커스 메타(Discourse Meta)에서도 재현할 수 있습니다.
먼저, 이전에 언급한 #reply-control에 대한 CSS 조정 사항이 없으면, 확대 수준에 따라 패널이 여기저기 움직입니다:
또한, 정상적인 확대 수준에서는 sidebar-wrapper div가 그 아래 있는 작성자 패널의 높이에 따라 높이를 조정하지만, 브라우저 창 폭이 특정 값을 넘어가면 어떤 변화가 일어나 사이드바 하단으로 스크롤할 수 없이 잘려 나가는 현상이 발생합니다(이것이 대략 어디에서 발생하는지 확인하려면 스크린샷 이미지의 폭을 확인해 보세요):
마지막으로, --topic-body-width: 1244px; 규칙을 적용한 상태에서 토픽을 볼 때, 긴 스레드에서 게시물 타임라인 슬라이더를 사용하여 다른 위치로 이동하는 동안 새로운 게시물 묶음이 로드되는 시간 동안 사이드바 항목들이 위로 이동하다가, 로딩이 완료된 후 원래 위치로 돌아옵니다. 이것은 꽤 방해가 되며, 제 맞춤형 폭 설정을 다시 해야 했던 이 업데이트 이후에 발생하기 시작한 것 같습니다. CSS 규칙을 --topic-body-width: 100%;로 변경하면 타임라인 이동 동안 사이드바 항목은 제자리에 머물지만, 회전하는 로딩 표시기가 표시되는 동안 타임라인이 왼쪽으로(아마도 디스커스의 표준 --topic-body-width로?) 이동했다가 오른쪽 여백에 가까운 원래 위치로 다시 튀어 오릅니다. 이 현상을 해결할 수 있는 우회책이 있을까요? 회전하는 로딩 표시기에 추가할 수 있는 폭 규칙이 있을까요? HTML 인스펙터로 잡을 수 없을 정도로 너무 잠깐 나타납니다.
이 문제를 디버깅하는 데 더 많은 정보가 필요하시다면 알려주세요. 감사합니다!