IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-29 20:24:05 -06:00
Code Issues 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
Show Stats 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;
.user-badge {
display: flex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0.5em;
background: $primary-very-low;
border: 1px solid $primary-low;
@ -305,6 +309,7 @@ $user_card_background: $secondary;
.more-user-badges {
@extend .user-badge;
padding: 3px 8px;
white-space: nowrap;
}
.suspended {