Horizon 테마의 토픽 목록에서 토픽 카드에 태그가 표시되지 않는다는 것을 이 글을 보고 나서야 알게 되었습니다:
태그가 표시되면 분명히 매우 유용할 것이므로, 이 건에 +1을 드립니다!
동의합니다! 태그 표시를 활성화/비활성화할 수 있으면 좋겠습니다.
수정: 우리에게는 잘 작동했던 임시 해결용 CSS (WIP)
공통 CSS:
/* Horizon 토픽 목록 메타데이터 + 필 태그 */
.topic-list-body .topic-list-item {
row-gap: var(--space-2);
}
.topic-list-body .topic-list-item .link-bottom-line .badge-category__wrapper {
display: none;
}
.topic-list-body .topic-list-item td.main-link .link-bottom-line {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: var(--space-1);
column-gap: var(--space-3);
row-gap: var(--space-2);
font-size: var(--font-0) !important;
line-height: 1.35;
grid-column: 2 / -2;
}
.topic-list-body .topic-list-item td.main-link .discourse-tags {
display: inline-flex!important;
flex-wrap: wrap;
gap: var(--space-1);
}
.topic-list-body .topic-list-item td.main-link .discourse-tag,
.topic-list-body .topic-list-item td.main-link .discourse-tag.box {
display: inline-flex;
align-items: center;
gap: var(--space-1);
padding: calc(var(--space-1) * 1.25) var(--space-3);
border-radius: 999px;
border: 1px solid var(--primary-low-mid);
background: var(--secondary);
color: var(--primary-high);
font-weight: 500;
box-shadow:
inset 0 1px 0 var(--secondary-very-high),
inset 0 -1px 0 var(--primary-low);
text-decoration: none;
margin-right: var(--space-1);
}
.topic-list-body .topic-list-item td.main-link .discourse-tag:hover,
.topic-list-body .topic-list-item td.main-link .discourse-tag.box:hover {
border-color: var(--primary-low);
background: var(--secondary-high);
}
모바일 CSS:
.topic-list-body .topic-list-item .badge-category__wrapper {
font-size: var(--font-down-1);
}
.topic-list-item .discourse-tags {
font-weight: normal;
font-size: var(--font-down-2);
}
3개의 좋아요
좋네요!
이를 테마 컴포넌트로 패키징해서 공유해 주실 의향이 있으신가요?
1개의 좋아요
Horizon 테마에 설정으로 직접 내장되는 것을 보는 것이 더 낫을 것 같습니다. 그곳이 더 적절한 위치이니까요. 그렇지 않으면 우리는 계속해서 기능 하나하나를 TC에 추가하게 됩니다.
PR을 제출할 수 있는지, 그리고 어떻게 제출할 수 있을지 확인해 보겠습니다… 하지만 기대하지는 마세요.
4개의 좋아요
저는 전문가가 아니라서 CSS 조작이 좀 어렵습니다……
이 태그 표시 기능을 Horizon 테마의 내장 설정으로 포함할 수 있을까요? 아니면 별도의 테마 컴포넌트로 구현하는 것도 가능할까요? 이런 일이 일어날 가능성이 있다면 기다릴 의향이 있습니다! 아주 작은 가능성이라도 있다면, 업데이트를 주시면 정말 감사하겠습니다. 정말 감사합니다!
혹시 이 CSS를 웹사이트 어디에 추가해야 하는지 알려 주실 수 있을까요? Horizon 테마에서 CSS를 작성할 장소를 찾을 수가 없어요. (전문가가 아니라서 프로그래밍 기초 지식이 부족하다는 걸 아시겠지만, 죄송합니다. 
)
커스텀 CSS를 추가하는 테마에 자체 테마 컴포넌트를 추가할 수 있습니다.
1개의 좋아요
이것은 현재 적극적으로 작업 중인 사항이라는 점을 간단히 공유드립니다. 정확한 일정은 아직 없지만, 곧 업데이트될 예정입니다.
1개의 좋아요
이제 고맥락 토픽 카드로 가능합니다!
1개의 좋아요
이 주제는 41시간 후 자동으로 닫혔습니다. 새로운 답글은 더 이상 허용되지 않습니다.