Skip to content

Commit

Permalink
Update Tooltips to use Word Break on long words
Browse files Browse the repository at this point in the history
  • Loading branch information
thafryer committed Jun 8, 2023
1 parent 176e055 commit cc71cb4
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/components/tooltip/TooltipMessage.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -67,3 +67,9 @@ export const withCustomClass = () => {
};

withCustomClass.storyName = 'with custom className';

export const BreakWord = {
render: () => (
<TooltipMessage desc="App for repository github:sfdjglbnfslgbnbdsoiufbgdfjbdfsljbdflibsfbjdslf= already exists" />
),
};
1 change: 1 addition & 0 deletions src/components/tooltip/TooltipMessage.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ const MessageWrapper = styled.div`
padding: 15px;
width: 280px;
box-sizing: border-box;
word-break: break-word;
`;

export function TooltipMessage({
Expand Down

0 comments on commit cc71cb4

Please sign in to comment.