mirror of
https://github.com/discourse/discourse.git
synced 2025-05-24 03:36:18 +08:00
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:
@ -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"}}
|
||||||
|
@ -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">
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user