최근에 뭔가 바뀌어서 `--topic-body-width`를 늘릴 수 없습니다

개발
1

안녕하세요, 대부분의 사용자가 더 넓은 레이아웃과 여백이 적은 것을 선호하기 때문에 포럼의 폭을 사용자 지정으로 설정하고 있습니다:

:root {
  --d-max-width: 1900px;
  --topic-body-width: 1244px;
}

이전에 --topic-body-width를 사용하면 1920px 브라우저 창에서 타임라인과 타임라인 하단 컨트롤을 오른쪽 여백까지 몇 픽셀 이내로 밀어낼 수 있었습니다. 하지만 3.3.0.beta1-dev 업데이트 이후에는 --d-max-width와 --topic-body-width 값을 훨씬 크게 설정해도 이 정도까지만 넓힐 수 있습니다(HTML 검사기에 해당 변경 사항을 적용한 Meta 스크린샷 첨부):

image
image1919×782 148 KB

토픽 본문의 최대 폭이 약 1040px인 것 같습니다. .timeline-container .topic-timeline의 min-width 값을 제거해 보았지만 그것도 효과가 없습니다. 어떤 팁을 주실 수 있을까요? 감사합니다.

2

안녕하세요 :wave:

이것은 DiscoTOC - 자동 목차 테마 컴포넌트의 최신 업데이트가 .container.posts를 백분율로 계산하기 때문입니다. 개인적으로는 정말 좋은 기능이라고 생각합니다.

3

정말 감사합니다! TOC가 많지 않고, 더 넓은 포스트를 선호하는 사용자 선호도가 강하기 때문에 unset으로 설정했습니다:

.container.posts {
    grid-template-columns: unset;
}

이렇게 하면 괜찮을까요?

4

기본적으로 D-TOC를 사용하지 않는 경우 코어에 포함되어 있습니다. :arrow_down_small:
따라서 이 코드로 해당 백분율 변경 사항을 되돌릴 수 있습니다.

@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: auto auto;
  }
}

또는 백분율을 변경하여 게시물 섹션을 더 넓게 만들 수도 있습니다. 예를 들어;

@media screen and (min-width: 925px) {
  .container.posts {
    grid-template-columns: 80% 20%;
  }
}
5

답변 감사합니다! 저도 D-TOC를 사용하고 있지만, 이를 사용하는 주제가 많지 않아서 TOC가 있는 일부 주제에서 콘텐츠가 약간 밀려도 문제가 되지 않습니다. 그렇다면 이전의 Discourse의 콘텐츠 밀림(시프트) 동작으로 되돌리려면 어떤 코드를 추천하시나요?

아니면

?

다시 한번 감사합니다. 조언이 없었다면 이 변경 사항의 원인을 찾아내지 못했을 것 같습니다.