Merge pull request #13474 from sg00dwin/truncate-catalog-source-badge-bug

OCPBUGS-25771: Enable catalog source badge to truncate for long names

Author: openshift-merge-bot[bot]

frontend/packages/operator-lifecycle-manager/src/components/operator-hub/operator-hub-items.tsx

@@ -7,6 +7,7 @@ import {
   EmptyStateVariant,
   EmptyStateHeader,
   EmptyStateFooter,
+  Truncate,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
 import * as classNames from 'classnames';
@@ -93,7 +94,7 @@ const filterByArchAndOS = (items: OperatorHubItem[]): OperatorHubItem[] => {
 
 const Badge = ({ text }) => (
   <span key={text} className="pf-v5-c-badge pf-m-read">
-    {text}
+    <Truncate className="pf-v5-c-truncate--no-min-width" content={text} />
   </span>
 );
 

frontend/public/style/_overrides.scss

@@ -401,3 +401,7 @@ ul {
 .pf-v5-c-popover {
   min-width: var(--pf-v5-c-popover--MinWidth) !important;
 }
+
+.pf-v5-c-truncate--no-min-width {
+  --pf-v5-c-truncate--MinWidth: 0 !important;
+}