fix(alert): prevent content from overflowing alert

[ashleyryan]

• flexbox has some quirks with overflow
• setting min-width: 0 prevents the content from overflowing

fixes #137

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)
• If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• clarity.design website / infrastructure changes
• Other... Please describe:

What is the current behavior?

Content with overflow-x: auto that would otherwise render a scrollbar in a small container are instead overflowing the alert

Issue Number: #137

What is the new behavior?

add min-width: 0 to allow content to be smaller than the implied width: https://css-tricks.com/flexbox-truncated-text/

Does this PR introduce a breaking change?

• Yes
• No

Other information

[github-actions]

👋 @ashleyryan,

• 🙏 The Clarity team thanks you for opening a pull request
• 🎉 The build for this PR has succeeded
• 🔍 The PR is now ready for review
• 🍿 In the meantime, checkout out a preview of this PR
• 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal #clarity-support Slack channel

Thank you,

🤖 Clarity Release Bot

I made the changes that I could make

[github-actions]

🎉 This PR is included in version 6.1.1 🎉

The release is available on:

• GitHub release
• v6.1.1

Your semantic-release bot 📦🚀

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed PRs after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.