IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: prevent user card status overflow (#19979)

Browse Source
This commit is contained in:
Kris
2023-01-24 13:58:24 -05:00
committed by GitHub
parent 4da8e15801
commit e71bf672cb
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/app/templates/components/user-card-contents.hbs
View File

@@ -111,7 +111,9 @@
{{#if this.hasStatus}}
<h3 class="user-status">
{{html-safe this.userStatusEmoji}}
{{this.user.status.description}}
<span class="user-status__description">
{{this.user.status.description}}
</span>
{{format-date this.user.status.ends_at format="tiny"}}
</h3>
{{/if}}

1
app/assets/stylesheets/common/components/user-card.scss
View File

@@ -307,6 +307,7 @@ h3.user-status {
}
.relative-date {
flex: 1 0 auto;
text-align: left;
font-size: var(--font-down-3);
padding-top: 0.5em;