토픽 카드

[Discourse]

	요약	Topic Cards는 토픽 목록을 썸네일이 포함된 카드로 표시하도록 스타일을 변경합니다
	미리보기	Discourse Theme Creator에서 미리보기
	저장소	https://github.com/discourse/discourse-topic-cards
	Discourse 테마를 처음 사용하시나요?	Discourse 테마 사용 입문가 가이드

이 테마 컴포넌트 설치

이 official 테마 컴포넌트는 Discourse 팀에서 관리하므로, Support, Contribute > Bug, Contribute > UX, Contribute > Feature 요청은 Meta의 해당 카테고리에서 적절한 테마 컴포넌트 태그와 함께 제출할 수 있습니다. 아래 링크를 클릭하여 시작해 보세요.

 지원  버그  UX  기능

이 테마 컴포넌트는 토픽 목록의 다른 커스터마이징과 충돌을 일으킬 수 있습니다

기능

이 컴포넌트는 Topic Thumbnails에서 영감을 받아 사용법을 단순화하고, 발췌문 및 전체 카드 클릭 기능을 추가했으며, 추가적인 CSS 마법을 더했습니다.

• 전체 카드를 클릭 가능하게 만듭니다 (원래 작성자의 아바타 제외)
• 발췌문 표시
• 썸네일이 있는 경우 토픽 썸네일 표시
• 게시 날짜 표시
• 일부 메타데이터를 제거하고 좋아요를 더 눈에 띄게 만듭니다

데스크톱

모바일

설정

번역	기본값
published	게시됨

우리가 호스팅을 제공하나요? 테마 컴포넌트는 Standard, Business, Enterprise 플랜에서 사용할 수 있습니다.

[Moin]

The vertical blue line covers parts of the text

(Seems not to depend on browser/device, I tried Edge/Windows, Chrome/Android and firefox/Android)

[frold]

worked out of the box in chrome on windows and chrome at iphone 8

[chapoi]

@Moin

The vertical blue line covers parts of the text

Right, forgot this. Will fix – thanks

[jayme]

how do I get rid of the “replies” and the “activity” tabs under the “+New Topic” button?
its making my topic exert really short and it looks bad haha

[Lilly (Lillian)]

Hi @jayme, it look like those tabs are not part of this component and are likely put there by another theme component or plugin. When I load a test forum with this component, those tabs don’t exist, nor do they show in the screenshots in the OP. You may have to disable other components to find which one, then if there is no setting for those tabs you may have to disable it.

[chapoi]

Border/box-shadow doesn’t work well with cards, so had to improvise a bit to get a replacement indication

https://github.com/discourse/discourse-topic-cards/pull/6

[Moin]

@chapoi

so had to improvise a bit to get a replacement indication

Somehow I don’t see any indicator now

[chapoi]

Are you using the j/k commands to navigate?

[Moin]

No, I just used Tab. Well I actually used my tablet. After I used the back button, the post is usually highlighted. That didn’t happen here. I only tried this on the computer for the recording.

[derak (Cristian Deraco)]

awesome theme component!

[Gonerdot]

I tried to install this component on many themes, but it looks a little crooked everywhere. What am I doing wrong?

[chapoi]

Hmmm… difficult to say. It looks like somehow the height of the cards is constrained, and the content bigger than usual.

Can you first verify it’s not due to a conflict with other components or theme? I see you also have the right sidebar enabled and that could affect some size calculations maybe.

So please check that and let me know?

[Gonerdot]

I disabled all other components, but the problem did not solve.

[chapoi]

Odd! Can I have a look at the forum youve installed it on?

[Gonerdot]

bearblog.ru

But you need to change the theme to dracula in your profile settings.

[chapoi]

Thanks, Ill have a look!

[Gonerdot]

It seems to me that the problem can be solved by limiting the number of characters in the preview, but I don’t know how to do this

[chapoi]

Okay so, the topic-cards need a max-height, otherwise you get issues like:

I can’t say why yours is not fitting well, because in the example on theme creator I can also uses multi-line titles and still fits:

It might have something to do with the font-size, font-family, or line-height. Unfortunately that will require some individual tweaking, and not something I can apply a fix-for-all for.

A possible solution is, as you said, limiting the title to only take 1 line, which you could do by adding this css:

.topic-card {
  .link-top-line {
      max-width: 100%;
      overflow: hidden;
      
     .title {
        display: block;
        white-space: no-wrap;
      }
   }
}