Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] Add note about transparent background on the outlined Alert variant #32810

Merged
merged 3 commits into from
May 30, 2022

Conversation

aaarichter
Copy link
Contributor

Why

We were implementing the toast component using Snackbar and the outlined Alert variant, but the content was bleeding through (see #32797 ). First we assumed a problem with z-index or a positioning issue but it took us some time to figure out that the outlined variants don't have a background by design.

Changes

  • add note to outlined Alert variant to add a background when used with Snackbar component

Sorry, something went wrong.

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
@mui-bot
Copy link

mui-bot commented May 17, 2022

No bundle size changes

Generated by 🚫 dangerJS against 13fe6f9

@mnajdova mnajdova requested a review from mapache-salvaje May 18, 2022 15:38
@mnajdova mnajdova added docs Improvements or additions to the documentation component: alert This is the name of the generic UI component, not the React module! labels May 18, 2022
@mnajdova mnajdova changed the title docs(Alert): add note to outlined Alert variant [docs] Add note about transparent background on the outlined Alert variant May 19, 2022
Copy link
Contributor

@mapache-salvaje mapache-salvaje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for this @aaarichter! I've just added some suggestions for style and clarity to sharpen it up. 👍

aaarichter and others added 2 commits May 24, 2022 08:42
Co-authored-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
Co-authored-by: Sam Sycamore <71297412+samuelsycamore@users.noreply.github.com>
@aaarichter
Copy link
Contributor Author

thanks @samuelsycamore - I committed both your suggestions

Copy link
Contributor

@mapache-salvaje mapache-salvaje left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@siriwatknp siriwatknp merged commit bbd25a1 into mui:master May 30, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: alert This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants