이 컴포넌트는 Topic Thumbnails 에서 영감을 받아 사용법을 단순화하고, 발췌문 및 전체 카드 클릭 기능을 추가했으며, 추가적인 CSS 마법을 더했습니다.
전체 카드를 클릭 가능하게 만듭니다 (원래 작성자의 아바타 제외)
발췌문 표시
썸네일이 있는 경우 토픽 썸네일 표시
게시 날짜 표시
일부 메타데이터를 제거하고 좋아요를 더 눈에 띄게 만듭니다
데스크톱
모바일
우리가 호스팅을 제공하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.
41개의 좋아요
Moin
2월 20, 2024, 1:59오후
2
수직인 파란색 선이 텍스트의 일부가 가려져 있습니다
(브라우저/디바이스에 따라 달라지는 것 같지는 않습니다. Edge/Windows, Chrome/Android, Firefox/Android를 모두 시도해 보았습니다)
7개의 좋아요
frold
2월 20, 2024, 2:59오후
3
Windows의 Chrome과 iPhone 8의 Chrome에서 바로 작동했습니다.
4개의 좋아요
맞아요, 이 부분을 잊었네요. 수정하겠습니다. 감사합니다.
4개의 좋아요
jayme
2월 21, 2024, 12:36오전
5
“+New Topic” 버튼 아래에 있는 “replies” 탭과 “activity” 탭을 어떻게 제거할 수 있나요?
1개의 좋아요
Lilly
2월 21, 2024, 12:59오전
7
안녕하세요 @jayme , 해당 탭들은 이 컴포넌트의 일부가 아닌 것 같으며, 다른 테마 컴포넌트나 플러그인에 의해 추가된 것으로 보입니다. 이 컴포넌트를 사용하여 테스트 포럼을 불러올 때 해당 탭은 존재하지 않으며, OP의 스크린샷에도 표시되지 않습니다. 어떤 컴포넌트에서 비롯된 것인지 확인하기 위해 다른 컴포넌트들을 비활성화해야 할 수 있으며, 해당 탭에 대한 설정이 없다면 해당 컴포넌트를 비활성화해야 할 수 있습니다.
5개의 좋아요
경계선/박스 그림자가 카드와 잘 어울리지 않아 대체 표시를 위해 약간의 변형이 필요했습니다
main ← ux-j-k-select-style
merged 10:57AM - 21 Feb 24 UTC
The default border on a topic item doesn't work well with rounded corners and a … thumbnail in the way, so opting to replace that with highlighting the title instead on keyboard navigation.
<img width="854" alt="image" src="https://github.com/discourse/discourse-topic-cards/assets/101828855/47f9f0b9-bda5-4cce-9c55-5f172db5a602">
4개의 좋아요
Moin
2월 22, 2024, 9:48오후
9
2개의 좋아요
Moin
2월 23, 2024, 8:49오전
11
아니요, 그냥 Tab 키를 눌렀을 뿐이에요. 사실 태블릿을 사용했습니다. 뒤로가기 버튼을 누른 후 보통 게시물이 강조 표시되는데, 이번에는 그러지 않았어요. 녹화를 위해 컴퓨터에서만 이걸 시도해 봤습니다.
1개의 좋아요
Gonerdot
3월 2, 2024, 6:35오후
14
이 컴포넌트를 여러 테마에 설치해 보았지만, 어디에서나 약간 삐뚤어 보입니다. 제가 뭘 잘못하고 있는 걸까요?
3개의 좋아요
음… 단정하기는 어렵네요. 카드의 높이가 어딘가에서 제한되어 있고, 콘텐츠가 평소보다 크게 표시되는 것처럼 보입니다.
먼저 다른 컴포넌트나 테마와의 충돌 때문이 아닌지 확인해 주실 수 있을까요? 우측 사이드바도 활성화되어 있는 것을 확인했는데, 이것이 일부 크기 계산에 영향을 미칠 수 있습니다.
확인해 보시고 알려주시면 감사하겠습니다.
4개의 좋아요
Gonerdot
3월 2, 2024, 6:44오후
16
다른 모든 구성 요소를 비활성화했지만 문제가 해결되지 않았습니다.
2개의 좋아요
이상하네요!
2개의 좋아요
Gonerdot
3월 2, 2024, 6:48오후
18
bearblog.ru
프로필 설정에서 테마를 드라큘라로 변경해야 합니다.
3개의 좋아요
Gonerdot
3월 2, 2024, 6:51오후
20
미리보기의 문자 수를 제한하면 문제를 해결할 수 있을 것 같은데, 어떻게 해야 할지 모르겠습니다.
2개의 좋아요
음, 토픽 카드에 max-height가 필요합니다. 그렇지 않으면 다음과 같은 문제가 발생할 수 있습니다:
왜 당신의 경우 잘 맞지 않는지는 정확히 말씀드리기 어렵습니다. 테마 크리에이터의 예시에서도 여러 줄의 제목을 사용해도 잘 맞거든요:
font-size, font-family, 또는 line-height와 관련이 있을 수 있습니다. 불행히도 이는 개별적인 조정이 필요하며, 제가 모든 상황에 적용할 수 있는 범용 해결책을 제시하기는 어렵습니다.
가능한 해결책은 말씀하신 대로 제목을 1줄로 제한하는 것입니다. 이를 위해 다음 CSS를 추가할 수 있습니다:
.topic-card {
.link-top-line {
max-width: 100%;
overflow: hidden;
.title {
display: block;
white-space: no-wrap;
}
}
}
4개의 좋아요
이 테마 컴포넌트는 토픽 목록의 다른 커스터마이징과 충돌을 일으킬 수 있습니다
설치하신 포럼을 한번 볼 수 있을까요?
