UX: Truncate long badge names in the mobile usercard

UX: Truncate long badge names in the mobile usercard

diff --git a/app/assets/stylesheets/mobile/components/user-card.scss b/app/assets/stylesheets/mobile/components/user-card.scss
index c39f979..b53613e 100644
--- a/app/assets/stylesheets/mobile/components/user-card.scss
+++ b/app/assets/stylesheets/mobile/components/user-card.scss
@@ -74,6 +74,10 @@ $avatar_width: 120px;
       display: flex;
       margin: 0;
       width: 100%;
+      .badge-display-name {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     }
   }
 

GitHub sha: 490939a1

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/badges-with-long-names-are-cut-off-in-user-card/156271/4