Truncated long value names in selected section in the AttachModal (#8668

)
treeverse · Feb 17, 2025 · d60bf78 · d60bf78
1 parent d9ec283
commit d60bf78
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/webui/src/lib/components/auth/forms.jsx b/webui/src/lib/components/auth/forms.jsx
@@ -52,7 +52,21 @@ export const AttachModal = ({
             <p>
               <strong>Selected: </strong>
               {(selected.map(item => (
-                <Badge key={item.id} pill variant="primary" className="me-1">
+                <Badge
+                  key={item.id}
+                  pill
+                  variant="primary"
+                  className="
+                      me-1
+                      d-inline-block
+                      w-25
+                      text-nowrap
+                      overflow-hidden
+                      text-truncate
+                      align-middle
+                  "
+                  title={resolveEntityFn(item)}
+                >
                   {resolveEntityFn(item)}
                 </Badge>
               )))}