diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx index 2f7650b67..9c69dc9f7 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx @@ -14,7 +14,7 @@ export const EnvironmentTab = (props: EnvironmentTabProps) => { )} - {props.text} + {props.text} ); }; diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts index 74890a0b3..88fccf0b4 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts @@ -68,6 +68,13 @@ export const Container = styled.li` transition-timing-function: ease-out; `; +export const Label = styled.span` + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 110px; +`; + export const BadgeContainer = styled.div` position: absolute; top: -1px; diff --git a/src/components/RecentActivity/RecentActivity.stories.tsx b/src/components/RecentActivity/RecentActivity.stories.tsx index 9afde8c1b..1f6d9e63c 100644 --- a/src/components/RecentActivity/RecentActivity.stories.tsx +++ b/src/components/RecentActivity/RecentActivity.stories.tsx @@ -35,6 +35,7 @@ WithData.args = { "UNSET_ENV8", "UNSET_ENV9", "UNSET_ENV10", + "VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-VERY-LONG-NAME", "UNSET_ENV11" ], entries: [