해결됨 배지

[Don]

	Summary	Adds styling options to the solved and unsolved topics.
	Repository	GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics. · GitHub
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

Hello

This theme component adds styling options to the solved and unsolved topics. You can set custom badge and background color.

By default it looks like this on topic list page
Styled (before title)

With background

---

Inline

---

Styled (after title)

---

Topic title, Topic header
Styled

---

Inline

---

There are a bunch of settings where you can change the icon, text and style separately solved and unsolved.

Global indicator settings

type
– styled (badge)
– inline (it placed inline before title)

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

border-radius
– badge rounding

---

Solved Indicator settings

solved indicator
– It uses unicode but you can use other too. (e.g. emoji). It place before label.
…
…
…
solved border color
The badge has a 1px transparent border and this setting you can set a color for it.

enable solved topic background
Enabling this setting will activate the background field below it where you can set the topic list item background color.

---

Unsolved Indicator setting

Same settings for unsolved indicator below these…

If you want to enable the unsolved indicator than turn on the empty box on unsolved Discourse Solved plugin setting.

---

Todo:

– Try to move it to use as topic status (will appear everywhere the topic status is appear and it allows to use custom icon too)

[Heliosurge (Dan DeMontmorency)]

Cool theme-component. Only one minor issue is the about category post also marked unsolved .

[Don]

Hello @Heliosurge

Thank you
Technically the about topic is also a solvable topic. If you have enabled the empty box on unsolved setting on Discourse Solved plugin then the empty box is appears for the topic list about topic and in the about topic too. To hide the unsolved badge for a specific topic you have to close it.

[Heliosurge (Dan DeMontmorency)]

Awesome thank you! Learned something new.

[barto_95]

Thank’s for component….

but with the component
https://github.com/VaperinaDEV/discourse-solved-quote-

the message résolve not show with green, component don’t work ….

it’s not possible to have 2 component one for subject and one for message work

[Don]

Hello @barto_95

These two components should works together correctly but the correct component url is: GitHub - VaperinaDEV/discourse-solved-quote-customization · GitHub

[Don]

Hello I’ve updated this theme component to work with Glimmer topic list. Thanks for the report: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

[Arkshine]

The legacy topic list has been dropped this month.
The code can be removed:

javascripts/discourse/initializers/solved-badge.js

---

Made a quick PR:

https://github.com/VaperinaDEV/solved-topic-badge/pull/6

[Don]

Oops, sorry, I forgot to update this component. Thanks @Arkshine, I’ve merged it.
@ozkn, please update the component.

[Monikas (JustMonika)]

This component is incompatible with discourse-umbrella-groupswitchdisplay and cannot be used together. An error has occurred which may prevent your site from working correctly.

Reason: Conflict between active themes/components.

Click here to update, reconfigure, or disable the component.

(This message is only visible to site administrators.)

[ozkn (Mathx)]

Thanks for the update. I updated and tried but I get the same error. @Don

[Don]

Oh, yeah sorry I see. Fixed here: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Please update again.

[ozkn (Mathx)]

Thanks, it’s working fine now without any problems.

[Arkshine]

Oops, sorry!

[xkhalid]

안녕하세요,

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

3.5.0.beta8-dev (commit: 5eca6d826e)

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

문제:

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

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

세부 정보:

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

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

기대 동작:

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

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

[Moin]

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

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

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

[xkhalid]

@Moin

테마 컴포넌트가 수정될 때까지 직접 CSS를 사용하여 문제를 해결할 수 있을 것입니다. 하지만 지금은 제가 확인해 드릴 수 없습니다.

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

[jordan.vidrine]

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

[Don]

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

[digitaldominica]

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