Discourse 카테고리 헤더 테마 컴포넌트

저도 이 경고 메시지를 확인하고 있습니다:

deprecated.js:54 Deprecation notice: PluginOutlet arguments should now be passed using @outletArgs=instead of@args= (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]

이것은 컴포넌트에서 발생하는 건가요, 아니면 디스코어스 코어에서 발생하는 건가요?

1개의 좋아요

감사합니다. 해당 변경 사항을 master에 병합했습니다. 이로 인해 문제가 해결되었나요?

2개의 좋아요

@Rhidian 죄송합니다. 이전 PR에서 누락된 부분이 있었습니다. .discourse-compatibility 파일의 위치가 잘못되었습니다. 이를 수정하기 위한 PR을 올렸습니다.

이 컴포넌트에서는 아닙니다.

1개의 좋아요

감사합니다. 해당 변경 사항을 병합했습니다.

2개의 좋아요

감사합니다 @Rhidian. 이 컴포넌트는 category-banners보다 훨씬 낫고 새로운 기본값이 되어야 합니다! :slight_smile:

1개의 좋아요

대안 잠금 아이콘과의 호환성을 추가하기 위해 이 PR을 작성했습니다 (Category Icons):

완전 동의합니다!

2개의 좋아요

Nathan, 감사합니다 :+1:. 병합했습니다. 테스트해 주세요.

3개의 좋아요

지금까지는 괜찮았지만, 돌아보면 설정을 반대 방향으로 넣어야 했는데!

조금 있으면 그 부분에 대한 아주 작은 PR을 올릴게요.

5개의 좋아요

네이선, 감사합니다. 완료되면 알려주세요. 그때 병합하겠습니다. :+1:

2개의 좋아요

이미 완료되었습니다!

2개의 좋아요

업데이트했습니다. 네이던, 감사합니다 :+1:

2개의 좋아요

이 컴포넌트가 좀 오래되었다는 건 알고 있지만, 정말 마음에 들어서 작은 개선이 있었으면 좋겠습니다. 원래 요청 사항 중 일부에도 도움이 될 것 같습니다.

첫 번째 문단만 표시하는 것은 괜찮지만, 카테고리 설명으로 연결되는 “더 보기…” 링크가 있으면 좋겠습니다. 카테고리가 지저분해지지 않으면서도 긴 설명을 제공할 수 있는 아주 우아한 해결책입니다. 이 링크를 수동으로 추가할 수는 있지만, 그렇게 하면 카테고리 페이지에도 표시되어 깔끔하지 않습니다.

4개의 좋아요

정말 훌륭한 아이디어라고 생각합니다! 고정 해제된 후 설명 주제가 UI에서 불필요하게 묻혀버리는 문제에 대해 오래전부터 생각해 왔습니다. 그리고 고정 해제되기 전에는 첫 단락이 완전히 중복되기도 하죠. 제 생각에 이 방식이 훨씬 나은 것 같습니다.

코드를 삽입해야 할 위치는 파악했고 시도도 해 봤습니다. 하지만 제 실력으로는 카테고리 설명 주제의 topic_id를 어떻게 가져와야 할지 도저히 모르겠습니다.

@Rhidian - 도와주실 수 있을까요?

네, 현재의 구조로 업데이트되면 정말 좋겠습니다. 또한 이 기능이 official(공식)로 인정받으면 좋겠어요. 정말 유용하거든요.

3개의 좋아요

참고로 Nathan, 이 포크를 만들었고 AI의 도움으로 아이디어를 구현했습니다! 제가 뭘 하고 있는지 정말 잘 모르기 때문에 PR이 적절한지 확신이 서지 않지만, 다른 분들의 판단을 기다려볼게요…

3개의 좋아요

좋아요!! AI 도움을 받는 데 저보다 더 운이 좋았거나 (또는 실력이 좋았거나) 하네요.

이 테마 컴포넌트 전체가 좀 해킹적인 면이 있어요 (그것이 매력이기도 하죠 :wink:), 그래서 당신의 변경사항이 잘 어울릴 거예요. PR을 꼭 올려주세요!

다만, 이미 이 컴포넌트를 사용 중인 사이트들이 강제로 변경사항을 적용받지 않도록 설정 옵션이 있으면 좋겠어요.

2개의 좋아요

네이던, 감사합니다. 참고로 Claude 3.5 Sonnet을 사용했어요.

첫 PR을 올려봅니다! :sweat_smile:

3개의 좋아요

데이비드, 고마워. 인상적이야!

그걸 병합했어. 테스트해 봐.

4개의 좋아요

잘 작동하는 것 같아요! :tada:

3개의 좋아요

정말 잘했네요 - 이 기능이 해결하는 제한 사항 때문에 제가 아주 짧은 카테고리 설명을 많이 작성했음을 드러내 주네요! 훌륭합니다.

4개의 좋아요

유용한 컴포넌트이며, 커스텀 CSS로 문제를 해결할 필요 없이 초기 사용 단계에서 바로 쓸 수 있어 정말 감사합니다. 아마 이 옵션들이 다양한 사용 사례에서 매우 유용할 것 같습니다:

A) 상위 카테고리 스타일/기능의 캐스케이딩 - 더 많은 옵션이 가능할까요?

다음과 같은 옵션이 있습니다.

상위 카테고리 로고 표시 - 하위 카테고리 로고가 설정되지 않은 경우 상위 카테고리 로고를 표시합니다

*“상위 카테고리 배경 이미지”*에 대해서도 동일한 옵션을 적용할 수 있을까요?

상위 카테고리가 1개이고 하위 카테고리가 100개 있다면, 각 하위 카테고리에 배경 이미지를 수동으로 설정하여 상위 카테고리와 동일하게 보이도록 하는 것은 분명히 거대하고 부담스러운 작업입니다. 특히 로고 기능이 필요하지 않을 때 더욱 그렇습니다.

B) 이미지 크기 관리에 대한 추가/다른 옵션

카테고리 헤더/배너만 원하는 경우 크기 조정이 다소 까다롭게 느껴졌습니다. 즉각적인 해결책으로 로고 옵션을 사용하여 투명한 .png 파일을 배치하여 높이를 고정하고 배너 이미지의 높이를 강제 고정하는 방식으로 되돌렸습니다.

이로 인해 /categories 페이지에 큰 들여쓰기 공간이 생기는 효과가 있었지만, 큰 문제는 아닙니다.

여러 이미지 컴포넌트의 Px 높이와 너비를 빠르게 조정할 수 있는 옵션도 여기에서 매우 유용할 것입니다.

다시 한번 이 컴포넌트를 만들어 주셔서 감사합니다. :+1:

2개의 좋아요