Prevent usercard badge section from overflowing

discourse · Feb 7, 2019 · 1cacfdd · 1cacfdd · awesomerobot · Feb 7, 2019
1 parent 984f1d9
commit 1cacfdd
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
@@ -287,14 +287,15 @@ $user_card_background: $secondary;
     align-items: flex-start;
     padding-bottom: 10px;
     margin-top: 5px;
-
+    span {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 185px;
+    }
     .user-badge {
       display: flex;
       white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
       margin-right: 0.5em;
-      max-width: 150px;
       background: $primary-very-low;
       border: 1px solid $primary-low;
       color: $user_card_primary;