From e2ade4019eb988dc9f4947ea4cc65385d300f7d8 Mon Sep 17 00:00:00 2001
From: NateLanza <natelanzadevelopment@gmail.com>
Date: Mon, 27 Jan 2025 13:27:03 -0700
Subject: [PATCH] Ellipsis truncation for set name labels

---
 packages/upset/src/components/custom/SetLabel.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/upset/src/components/custom/SetLabel.tsx b/packages/upset/src/components/custom/SetLabel.tsx
index e85ba0c7..e86c6f4d 100644
--- a/packages/upset/src/components/custom/SetLabel.tsx
+++ b/packages/upset/src/components/custom/SetLabel.tsx
@@ -12,6 +12,9 @@ type Props = {
   name: string;
 };
 
+/**
+ * Label for the sets at the top of the membership matrix
+ */
 export const SetLabel: FC<Props> = ({ setId, name }) => {
   const dimensions = useRecoilValue(dimensionsSelector);
   const columnHover = useRecoilValue(columnHoverAtom);
@@ -45,7 +48,6 @@ export const SetLabel: FC<Props> = ({ setId, name }) => {
           color: '#000000',
           fontSize: '14px',
           overflow: 'hidden',
-          textOverflow: 'ellipsis',
         }}
 
       >
@@ -55,6 +57,10 @@ export const SetLabel: FC<Props> = ({ setId, name }) => {
           margin: '2px 0 0 0',
           fontWeight: '500',
           textAlign: 'start',
+          textOverflow: 'ellipsis',
+          overflow: 'hidden',
+          whiteSpace: 'nowrap',
+          width: dimensions.set.label.height - gap,
         }}
         >
           {name}