From 730bf0eac593116ba75de1b1aa0ff5ef9f6b3d5f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 2 Jul 2023 02:20:43 -0700
Subject: [PATCH] Hide text overflow in trigger

The Popover trigger (specifically for RaidCombobox) would stretch or break lines when given a long value. This makes it so that the text will always stay on one line and hide its overflow with an ellipsis if necessary
---
 components/common/Popover/index.module.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/components/common/Popover/index.module.scss b/components/common/Popover/index.module.scss
index db569e80..8096d900 100644
--- a/components/common/Popover/index.module.scss
+++ b/components/common/Popover/index.module.scss
@@ -80,6 +80,16 @@
     display: flex;
     gap: $unit-half;
     width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    min-width: 0;
+    overflow: hidden;
+
+    & > span {
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
 
   &.bound {