From 1cacfddda45c414216e148ea72cc40c897271ace Mon Sep 17 00:00:00 2001 From: Kris Date: Wed, 6 Feb 2019 22:39:10 -0500 Subject: [PATCH] Prevent usercard badge section from overflowing --- app/assets/stylesheets/desktop/user-card.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss index 4fd021e55c1..84990e84dbe 100644 --- 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;