-
Notifications
You must be signed in to change notification settings - Fork 2.9k
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
Make title optional in generated flash component #6065
Conversation
Use sky as color to be more info-like for type :info. Relates to: #5969
275029f
to
99b808b
Compare
<.flash | ||
id="client-error" | ||
kind={:error} | ||
title=<%= maybe_heex_attr_gettext.("We can't find the internet", @gettext) %> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
well maybe we do still want the title for those? @josevalim
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
or we move the "Something went wrong!" part into the message
Looks good! Do we want to add some breaks/vertical spacing? Maybe we render the same as before but without forcing a title on everyone? Alternatively we can make the title optional inside |
92cad27
to
d0eea4e
Compare
Nah, ignore me. No need for spacing. Ship it! |
Yeah, whatever is less code then. :) |
Use sky as color to be more info-like for type :info.
Relates to: #5969
Multi-line messages
![image](https://private-user-images.githubusercontent.com/4116351/407024444-ddd7df84-3085-4973-bbe9-d67a492e0d26.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTg1NTQsIm5iZiI6MTczOTM1ODI1NCwicGF0aCI6Ii80MTE2MzUxLzQwNzAyNDQ0NC1kZGQ3ZGY4NC0zMDg1LTQ5NzMtYmJlOS1kNjdhNDkyZTBkMjYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTJUMTEwNDE0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NjJjNTJmNzM1ZDcwNTEyNjdiZWJkMjYyYzU4MjFjMzY1ZGNlYjU2ZjQyNmFiYTgzY2FhNWUzZjNhZTE5NzQ1OSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.4-aIIgziPk7u7aroMOlZqW9opfmJYo-0uBtk3Hc-LMo)
Info
![image](https://private-user-images.githubusercontent.com/4116351/407024509-0032f6ae-3924-487e-a695-c98dfc140f92.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTg1NTQsIm5iZiI6MTczOTM1ODI1NCwicGF0aCI6Ii80MTE2MzUxLzQwNzAyNDUwOS0wMDMyZjZhZS0zOTI0LTQ4N2UtYTY5NS1jOThkZmMxNDBmOTIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTJUMTEwNDE0WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YzAxNzU4NmViNGVmZjViMzQ3ODg2ZDI1YWQ1YzUwNGJlMTJiY2Q5MGNhZDUwNGRlZjI0NjY2NTgxY2FjMjA1MCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.HsuI073Q3HUL8mW23BC2Yd1lo4WKU0-QNgrEIPMg0Cw)
I increased the icon size to match the text's line-height, otherwise it would not look aligned: