훌륭한 컴포넌트 감사합니다! 게시글에서 좀 더 아래쪽에 게이트를 표시할 수 있을까요? (우리 토픽은 모두 이미지로 시작하는데, 좋은 점수를 많이 보이거나 심지어 토픽 내 특정 위치에 게이트가 올라오도록 지정하고 싶습니다.) 힌트(예: CSS 해킹)를 주시면 감사하겠습니다!
네, 저도 비슷한 생각을 하고 있었습니다. 비율 설정을 변경할 수 있는 옵션이 있으면 좋겠네요.
현재 콘텐츠는 다음 기법(그 밖의 다른 기법 포함)을 사용하여 숨겨져 있습니다:
- 스크롤이 비활성화되어 있습니다.
- 페이지 콘텐츠의 높이가 100%로 설정되어 있습니다.
이러한 설정을 조정할 수 있습니다. 예를 들어:
body.topic-in-gated-category {
height: 200%;
}
이렇게 하면 더 멀리 스크롤할 수 있습니다:
파란 영역을 더 짧게(화면의 ¼ 또는 ⅓) 만들고, 흰색 그라데이션도 짧게 조정하는 등 더 깔끔하게 만들 수 있습니다.
이것도 수정할 수 있습니다:
.topic-in-gated-category .post-stream {
max-height: 150vh;
overflow: hidden;
}
CSS를 사용하여 몇 개의 게시물을 표시할지 결정하는 것은 까다로운 작업입니다. 왜냐하면 작은 액션, 시간 간격 등이 같은 레벨에 있기 때문입니다.
따라서 다음과 같은 CSS를 사용하는 경우:
.post-stream > *:nth-child(n+6) {
display: none;
}
토픽마다 항상 동일한 수의 게시물이 표시되지 않을 수 있습니다.
이 기능이 우리 포럼에서 정말 유용할 것 같습니다. 이 커스텀 코드를 어디에 추가해야 하는지 알려주실 수 있을까요? 예를 들어, 컴포넌트 설정이나 테마 CSS에 넣어야 하나요?
미리 감사드립니다.
하이메, 안녕하세요.
테마 CSS 또는 별도의 컴포넌트 CSS 중 어느 것을 사용하셔도 괜찮습니다. 컴포넌트를 사용하면 여러 테마에 쉽게 연결할 수 있으므로, 이것이 권장되는 방법입니다.
@Arkshine 감사합니다. 조금 더 파고들어 본 결과, 이 컴포넌트의 저장소를 클론하거나 포크한 후, 편집한 버전을 Discourse로 다시 가져오기 전에 공통 CSS를 직접 수정해야 하는 것 같습니다. 맞나요?
CSS를 일부 변경하려면 UI를 통해 새 컴포넌트를 쉽게 만들 수 있습니다.
- Admin → Customize로 이동하세요.
Install을(를) 클릭하세요.- 그런 다음
Create New를 선택하세요. 유형은Component여야 합니다.
이것으로 끝입니다! 테마에 연결하면 Edit CSS/HTML을(를) 사용할 수 있습니다.
보통은 GitHub에서 원래 컴포넌트에 기여하려면(풀 리퀘스트를 생성하여) 또는 자신의 버전을 만들려면 포크를 원할 것입니다. 포크를 하면 원래 컴포넌트에서 업데이트를 받지 못하게 되므로, 여기서는 원치 않는 결과일 가능성이 높습니다!
다시 한번 감사합니다. 제가 생각하는 문제는 제 커스텀 컴포넌트에 있는 CSS 프로퍼티가 Github 저장소의 기본 컴포넌트에도 존재한다는 점입니다.
한 컴포넌트가 다른 컴포넌트를 덮어쓰도록 지정할 수 있는 방법이 없다면, 저장소를 클론하여 제가 수정한 버전을 사용하는 것이 필요해 보입니다. (이 방법은 현재 작동하고 있으며, 말씀하신 대로 업데이트는 받을 수 없습니다.)
CSS가 원래의 컴포넌트를 덮어쓰지 않는 경우, 규칙에 !important를 추가할 수 있습니다. 이렇게 하면 작동할 것입니다.
.topic-in-gated-category .post-stream {
max-height: 150vh !important;
overflow: hidden !important;
}
완벽하게 작동합니다. 도움 주셔서 다시 한번 감사합니다!