Hello!
I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.
Would there be an easy way to accomplish this?
EDIT: Here’s a more complete solution I threw together that you can download as a theme component:
https://theme-creator.discourse.org/theme/tshenry/original-poster-only
8개의 좋아요
@tshenry, 좋습니다, 비슷한 솔루션을 찾고 있었는데, 대신 이미지 대신 포스터의 사용자 이름을 표시하고 싶습니다.
어디서 해당 컴포넌트의 저장소를 살펴볼 수 있을까요?
아! 코드를 다운로드하거나 확인할 수 있는 방법을 제공하지 않은 것은 확실히 내 실수였습니다. 그냥 CSS일 뿐입니다. 기회가 되면 GitHub에 제대로 된 테마 컴포넌트로 번들링해서 올리겠습니다.
// 주제 작성자 외의 모든 포스터 숨기기
.topic-list .posters {
width: 75px;
text-align: center;
// 첫 번째 포스터만 표시
a:not(:first-of-type) {
display: none;
}
// 오프셋과 장식 제거
a:first-child .avatar.latest:not(.single) {
position: static;
box-shadow: none;
border: 0;
}
// 중앙 정렬을 위한 조정
& > a {
float: none;
margin-right: 0;
}
}
// 작은 화면 폭에서 올바른 사용자가 표시되도록 확인
@media screen and (max-width: 850px) {
.topic-list td.posters {
// 첫 번째 포스터가 표시되도록 보장
a:not(.latest) {
display: block;
}
// 나머지는 모두 숨기기
a:not(:first-of-type) {
display: none;
}
}
}
원하시는 것은 아마도 다음에 더 가깝습니다:
4개의 좋아요
정말 멋지네요. 감사합니다!
모바일용 CSS 코드가 작동하지 않는 것 같습니다. 디스커스가 최근 모바일용 포스터(글 작성자)를 정리하는 방식을 변경한 건가요? 수정하는 방법에 대한 팁이 있을까요?
감사합니다!
위 CSS는 모바일용으로는 의도된 적이 없지만, 아마도 여러분이 찾고 계신 것이 이것일 것 같습니다?
1개의 좋아요
네! 모바일 테마에서 제공된 CSS 코드를 통해 특정 카테고리에 한해 이 OP 전용 레이아웃을 제한할 수 있었는데, 제 CSS 코드로는 그렇게 하지 못했습니다. 모바일에서 이를 어떻게 구현할 수 있는지 팁을 주실 수 있을까요? (Ember.js는 이제 막 시작해서 죄송합니다 :/)
불행히도 카테고리로 제한하는 기능은 모바일 컴포넌트에 상당한 추가 작업이 필요합니다. 핸들바(Handlebars) 파일만으로는 카테고리를 확인할 수 없기 때문입니다. 다음과 같은 방법을 시도해 볼 수 있습니다:
- Development 토픽에 관련 질문을 올려 개발자분들이 몇 가지 조언을 해줄 수 있는지 확인해 보세요.
- 카테고리와 관련된 기존 테마 컴포넌트의 코드를 살펴보고 아이디어나 영감을 찾아보세요.
- #marketplace에 게시물을 올리고 누군가 대신 만들어 주도록 비용을 지불하세요.
2개의 좋아요