github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-06 13:06:56 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Truncate (don't wrap) badges in user cards if the text is long

Browse Source
This commit is contained in:
Kris
2019-02-06 20:18:12 -05:00
parent 6c2fe7eaec
commit 94f8c4ecac
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/desktop/user-card.scss
View File

@ -289,6 +289,10 @@ $user_card_background: $secondary;
margin-top: 5px; margin-top: 5px;
.user-badge { .user-badge {
display: flex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0.5em; margin-right: 0.5em;
background: $primary-very-low; background: $primary-very-low;
border: 1px solid $primary-low; border: 1px solid $primary-low;
@ -305,6 +309,7 @@ $user_card_background: $secondary;
.more-user-badges { .more-user-badges {
@extend .user-badge; @extend .user-badge;
padding: 3px 8px; padding: 3px 8px;
white-space: nowrap;
} }
.suspended { .suspended {