Merge pull request #7447 from jeff-phillips-18/pod-labels-i18n

Bug 1906766: Truncate pod ring inner labels to prevent overflow
openshift · Dec 12, 2020 · fc717a7 · fc717a7
2 parents 263860e + 21aa73f
commit fc717a7
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/packages/console-shared/src/components/pod/PodStatus.tsx b/frontend/packages/console-shared/src/components/pod/PodStatus.tsx
@@ -10,6 +10,7 @@ import { podColor, AllPodStatus } from '../../constants';
 import './PodStatus.scss';
 
 const ANIMATION_DURATION = 350;
+const MAX_POD_TITLE_LENGTH = 14;
 
 type PodData = {
   x: string;
@@ -100,10 +101,10 @@ const PodStatus: React.FC<PodStatusProps> = ({
         data={vData}
         height={size}
         width={size}
-        title={title}
+        title={_.truncate(title, { length: MAX_POD_TITLE_LENGTH })}
         titleComponent={titleComponent}
         subTitleComponent={subTitleComponent}
-        subTitle={subTitle}
+        subTitle={_.truncate(subTitle, { length: MAX_POD_TITLE_LENGTH })}
         allowTooltip={false}
         labels={() => null}
         /*