DEV: new topic map outlet and header participant flexibility (#32826)

Header: 
* Allows optional avatar size for header participant component (for
reuse elsewhere)

Topic map:
* Adds a new `topic-map-participants-after` outlet
* Removes an `!important`
This commit is contained in:
Kris
2025-05-21 09:59:57 -04:00
committed by GitHub
parent ae395dab3c
commit 52c6c852df
3 changed files with 12 additions and 4 deletions

View File

@ -3,7 +3,7 @@ import { concat, hash } from "@ember/helper";
import { on } from "@ember/modifier"; import { on } from "@ember/modifier";
import { action } from "@ember/object"; import { action } from "@ember/object";
import { service } from "@ember/service"; import { service } from "@ember/service";
import { eq } from "truth-helpers"; import { eq, or } from "truth-helpers";
import avatar from "discourse/helpers/bound-avatar-template"; import avatar from "discourse/helpers/bound-avatar-template";
import icon from "discourse/helpers/d-icon"; import icon from "discourse/helpers/d-icon";
import getURL from "discourse/lib/get-url"; import getURL from "discourse/lib/get-url";
@ -38,7 +38,11 @@ export default class Participant extends Component {
title={{@username}} title={{@username}}
> >
{{#if (eq @type "user")}} {{#if (eq @type "user")}}
{{avatar @user.avatar_template "tiny" (hash title=@username)}} {{avatar
@user.avatar_template
(or @avatarSize "tiny")
(hash title=@username)
}}
{{else}} {{else}}
<span> <span>
{{icon "users"}} {{icon "users"}}

View File

@ -408,6 +408,10 @@ export default class TopicMapSummary extends Component {
@userFilters={{@postStream.userFilters}} @userFilters={{@postStream.userFilters}}
/> />
{{/if}} {{/if}}
<PluginOutlet
@name="topic-map-participants-after"
@outletArgs={{hash topic=@topic}}
/>
<div class="topic-map__buttons"> <div class="topic-map__buttons">
{{#if this.readTimeMinutes}} {{#if this.readTimeMinutes}}
<div class="estimated-read-time"> <div class="estimated-read-time">

View File

@ -102,13 +102,13 @@ body:not(.archetype-private_message) {
gap: 0.75em; gap: 0.75em;
&.--single-stat { &.--single-stat {
button { .fk-d-menu__trigger {
flex-direction: row; flex-direction: row;
gap: 0.25em; gap: 0.25em;
span { span {
font-size: var(--font-0); font-size: var(--font-0);
color: var(--primary-700) !important; color: var(--primary-700);
min-width: unset; min-width: unset;
overflow: visible; overflow: visible;
} }