Discource-C
/
discourse-ai
mirror of https://github.com/discourse/discourse-ai.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: add sparkle icon to related topics for anons (#897)

This commit is contained in:
Kris 2024-11-05 17:15:20 -05:00 committed by GitHub
parent da7c97d294
commit 1ad5321c09
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/javascripts/initializers/related-topics.gjs
View File

@ -1,6 +1,7 @@
import { cached, tracked } from "@glimmer/tracking"; import { cached, tracked } from "@glimmer/tracking";
import BasicTopicList from "discourse/components/basic-topic-list"; import BasicTopicList from "discourse/components/basic-topic-list";
import { withPluginApi } from "discourse/lib/plugin-api"; import { withPluginApi } from "discourse/lib/plugin-api";
import icon from "discourse-common/helpers/d-icon";
import i18n from "discourse-common/helpers/i18n"; import i18n from "discourse-common/helpers/i18n";
const RelatedTopics = <template> const RelatedTopics = <template>
@ -11,7 +12,7 @@ const RelatedTopics = <template>
class="more-topics__list" class="more-topics__list"
> >
<h3 id="related-topics-title" class="more-topics__list-title"> <h3 id="related-topics-title" class="more-topics__list-title">
{{i18n "discourse_ai.related_topics.title"}} {{icon "discourse-sparkles"}}{{i18n "discourse_ai.related_topics.title"}}
</h3> </h3>
<div class="topics"> <div class="topics">
<BasicTopicList @topics={{@topic.relatedTopics}} /> <BasicTopicList @topics={{@topic.relatedTopics}} />

12
assets/stylesheets/modules/embeddings/common/semantic-related-topics.scss
View File

@ -1,3 +1,15 @@
.related-topics { .related-topics {
margin: 4.5em 0 1em; margin: 4.5em 0 1em;
} }
.more-topics__container {
h3 .d-icon {
margin-right: 0.25em;
color: var(--primary-high);
font-size: var(--font-down-1);
}
.nav-pills .d-icon {
font-size: var(--font-down-1);
}
}