fix truncating spacing issue

opendatahub-io · Nov 13, 2023 · f3a7db9 · f3a7db9
1 parent b13896b
commit f3a7db9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/components/SimpleDropdownSelect.scss b/frontend/src/components/SimpleDropdownSelect.scss
@@ -1,3 +1,8 @@
 .full-width {
 	width: 100%;
+}
+
+.truncate-no-min-width {
+	--pf-c-truncate--MinWidth: 0;
+    --pf-c-truncate__start--MinWidth: 0;
 }
diff --git a/frontend/src/components/SimpleDropdownSelect.tsx b/frontend/src/components/SimpleDropdownSelect.tsx
@@ -44,7 +44,7 @@ const SimpleDropdownSelect: React.FC<SimpleDropdownProps> = ({
           className={isFullWidth ? 'full-width' : undefined}
           onToggle={() => setOpen(!open)}
         >
-          <Truncate content={selectedLabel.toString()} style={{ paddingLeft: 0 }} />
+          <Truncate content={selectedLabel.toString()} className="truncate-no-min-width" />
         </DropdownToggle>
       }
       dropdownItems={options