Skip to content

Commit

Permalink
fix(issues): Text overflow on avatar hover card (getsentry#81123)
Browse files Browse the repository at this point in the history
<!-- Describe your PR here. -->
I noticed that when the email is long on the hover card for the suspect
commit avatar on the issue details page, the text overflows and is
outside the hover card. I put in a `break-word` for the body text to fix
that.

Before

![issues-detail-before](https://github.com/user-attachments/assets/2ec0e1a9-ede4-41dd-b061-25b96e4764c6)

After

![issues-detail-after](https://github.com/user-attachments/assets/34b10d95-2bc6-4dfe-b3b0-d2e49efb307b)
<!--

  Sentry employees and contractors can delete or ignore the following.

-->
  • Loading branch information
nikkikapadia authored Nov 21, 2024
1 parent d7d3b14 commit b09b2d0
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions static/app/components/hovercard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -177,6 +177,7 @@ const Header = styled('div')`
const Body = styled('div')`
padding: ${space(2)};
min-height: 30px;
word-wrap: break-word;
`;

const Divider = styled('div')`
Expand Down

0 comments on commit b09b2d0

Please sign in to comment.