From 94f8c4ecacc98fbb84603c4ec4a2086c0b8185ae Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 6 Feb 2019 20:18:12 -0500
Subject: [PATCH] UX: Truncate (don't wrap) badges in user cards if the text is
 long

---
 app/assets/stylesheets/desktop/user-card.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
index 62b989c49f8..9c00506e2c2 100644
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@@ -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 {