vmware-clarity / core

Clarity is a scalable, accessible, customizable, open-source design system built with web components. Works with any JavaScript framework, created for enterprises, and designed to be inclusive.
https://clarity.design
MIT License
163 stars 42 forks source link

fix(alert): prevent content from overflowing alert #138

Closed ashleyryan closed 2 years ago

ashleyryan commented 2 years ago

fixes #137

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

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?

Other information

github-actions[bot] commented 2 years ago

👋 @ashleyryan,

Thank you,

🤖 Clarity Release Bot

github-actions[bot] commented 2 years ago

:tada: This PR is included in version 6.1.1 :tada:

The release is available on:

Your semantic-release bot :package::rocket:

github-actions[bot] commented 2 years ago

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.