해결됨 배지

:information_source: 요약 해결된 및 미해결된 주제에 스타일링 옵션을 추가합니다.
:hammer_and_wrench: 저장소 GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics. · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스코urse 테마를 처음 사용하시나요? 디스코urse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

안녕하세요 :waving_hand:

이 테마 컴포넌트는 해결된 및 미해결된 주제에 스타일링 옵션을 추가합니다. 사용자 지정 배지 및 배경색을 설정할 수 있습니다.

기본적으로 주제 목록 페이지에서 다음과 같이 보입니다 :arrow_down_small:
스타일 적용 (제목 전)

배경 포함


인라인


스타일 적용 (제목 후)


주제 제목, 주제 헤더
스타일 적용
Screenshot 2023-10-11 at 23.40.35


인라인
Screenshot 2023-10-11 at 23.43.39


아이콘, 텍스트 및 스타일을 해결된/미해결된 항목별로 별도로 변경할 수 있는 여러 설정이 있습니다.

전역 표시기 설정 :arrow_down_small:

type
– styled (배지)
– inline (제목 앞에 인라인으로 배치)

placement (styled)
– before-title
– after-title

border-radius
– 배지 둥글기


해결됨 표시기 설정

solved indicator
– 유니코드 :check_mark:를 사용하지만 다른 것(예: 이모지)도 사용할 수 있습니다. 라벨 앞에 배치됩니다.
…
…
…
solved border color
배지에는 1px의 투명 테두리가 있으며, 이 설정으로 테두리 색상을 지정할 수 있습니다.

enable solved topic background
이 설정을 활성화하면 아래 배경 필드가 활성화되어 주제 목록 항목의 배경색을 설정할 수 있습니다.


미해결 표시기 설정

미해결 표시기에 대한 동일한 설정은 아래에 있습니다…

미해결 표시기를 활성화하려면 empty box on unsolved 디스코urse Solved 플러그인 설정을 켜야 합니다.


할 일:

– 주제 상태(topic status)로 사용하여 주제 상태가 표시되는 모든 곳에 나타나도록 시도하고, 사용자 지정 아이콘도 사용할 수 있도록 할 것)

20개의 좋아요

멋진 테마 컴포넌트네요. 다만 약간의 문제가 있는데, ‘소개’ 카테고리의 게시물이 아직 해결되지 않은 상태로 표시되고 있어요.

1개의 좋아요

안녕하세요 @Heliosurge :wave:

감사합니다 :slight_smile:
기술적으로 about topic도 해결 가능한 주제입니다. Discourse Solved 플러그인에서 미해결 시 빈 상자 설정을 활성화하면, about topic의 주제 목록과 about topic 내부에도 빈 상자가 표시됩니다. 특정 주제의 미해결 배지를 숨기려면 해당 주제를 닫아야 합니다.

2개의 좋아요

완벽해요, 감사합니다! 새로운 걸 하나 배웠네요.

:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

1개의 좋아요

컴포넌트 감사합니다…

하지만 해당 컴포넌트
https://github.com/VaperinaDEV/discourse-solved-quote-

를 사용했을 때 해결된 메시지가 녹색으로 표시되지 않고, 컴포넌트가 작동하지 않습니다… :frowning:

제목용과 메시지용으로 두 개의 컴포넌트를 동시에 사용하도록 하는 것은 불가능한가요?

안녕하세요 @barto_95 :waving_hand:

이 두 컴포넌트는 함께 올바르게 작동해야 하지만, 올바른 컴포넌트 URL은 다음과 같습니다: GitHub - VaperinaDEV/discourse-solved-quote-customization · GitHub

2개의 좋아요

안녕하세요 :waving_hand: 이 테마 구성 요소를 Glimmer 주제 목록과 함께 작동하도록 업데이트했습니다. :slightly_smiling_face: 보고해 주셔서 감사합니다: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

4개의 좋아요

이 달에 레거시 토픽 목록이 제거되었습니다.
코드를 삭제할 수 있습니다:


간단한 PR을 만들었습니다:

6개의 좋아요

아, 죄송합니다. 이 컴포넌트를 업데이트하는 걸 잊었습니다. @Arkshine 님, 감사합니다. 병합했습니다. :heart:
@ozkn 님, 컴포넌트를 업데이트해 주세요.

4개의 좋아요

이 컴포넌트는 discourse-umbrella-groupswitchdisplay와 호환되지 않아 함께 사용할 수 없습니다. 사이트가 올바르게 작동하지 않을 수 있는 오류가 발생했습니다.

원인: 활성 테마/컴포넌트 간 충돌.

여기를 클릭하여 컴포넌트를 업데이트, 다시 구성 또는 비활성화하세요.

(이 메시지는 사이트 관리자만 볼 수 있습니다.)

업데이트 감사합니다. 업데이트 후 시도해 보았지만 같은 오류가 발생합니다. @Don

1개의 좋아요

아, 네, 죄송합니다. 확인했습니다. 여기서 수정했습니다: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub 다시 업데이트해 주세요. :slight_smile:

5개의 좋아요

감사합니다. 지금은 아무 문제 없이 잘 작동하고 있습니다.

2개의 좋아요

아, 미안해!

2개의 좋아요

안녕하세요,

최신 버전으로 업데이트한 후:

3.5.0.beta8-dev (commit: 5eca6d826e)

Discourse Solved 및 Solved Topic Badge 플러그인과 관련된 시각적 회귀(visual regression) 문제를 발견했습니다.

문제:

이전에는 해결된 토픽은 초록색 배경, 해결 대기 중인 토픽은 토픽 목록에서 빨간색 배경으로 표시되었습니다.

하지만 현재 설정이 활성화되어 있음에도 불구하고, 해결된 모든 토픽에 초록색 배경이 더 이상 표시되지 않습니다.

세부 정보:

  • 플러그인: Discourse Solved + Solved Topic Badge
  • enable solved topic background 설정이 활성화되어 있습니다.
  • 업데이트 전에는 정상적으로 작동했습니다.

스크린샷 (업데이트 후):

기대 동작:

더 나은 시각적 명확성을 위해 해결된 토픽에는 초록색 배경이 유지되어야 합니다.

이것이 회귀 문제인지, 아니면 이 동작을 복구하기 위해 새로운 CSS 변경이 필요한지 알려주시면 감사하겠습니다.

1개의 좋아요

이 문제는 UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub 커밋에서 방문한 주제에 대한 별도 배경색을 추가하면서, 읽은 주제에서 발생하는 것으로 보입니다.

테마 구성 요소가 수정될 때까지 사용자 지정 CSS로 문제를 해결할 수 있을 것입니다. 다만, 현재 제가 직접 확인해 보지는 못했습니다.

#official이 아닌 구성 요소와 관련된 문제는 일반적으로 해당 주제 토픽에서 보고해야 합니다.

2개의 좋아요

Moin님, 감사합니다!

사용자 지정 CSS를 사용하여 문제를 해결했습니다:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

CC: @sam @j.jaffeux

@Don 코어에 최근 변수가 추가되었기 때문에, 주제가 방문된 경우에도 배경색이 정상적으로 작동하려면 구성 요소를 약간 조정해야 할 수 있습니다.

3개의 좋아요

안녕하세요 :waving_hand: 리포트를 올려주셔서 감사합니다! 업데이트 내용입니다: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

4개의 좋아요

안녕하세요 @Don, 로그아웃된 사용자에게 표시되는 색상 배경이 표시되지 않는 것을 확인했습니다.
그리고 aside.quote.accepted-answer>blockquote의 배경색이 해결된 배지의 색상을 따르지 않는데, 이를 조정할 방법이 있을까요?