Error message styling - Githubissues

SharonStrats commented 3 years ago

Screen Shot 2021-09-04 at 8 22 22 am

I think we can improve upon the styling of error messages. Simple changes: round the corners a bit with border-radius to match buttons perhaps. soften the border. check the font, i think it may not be responsive. Or maybe it could be a bit smaller. Bigger changes: should we have an area that is highly visible that can list any errors we get while using, if clicked suggest how to fix? For instance with login, you click and it says would you like to logIn... like maybe even a little error icon, much like the "inbox" where it has a number in red showing how many errors you have and then when you click the icon it lists them allowing you to click on them and get suggestions.

SharonStrats commented 3 years ago

messageArea.js in solid-ui I believe is what we need to look at if we want to change this in any way. and then there may be work throughout as there are times when it is done manually within the pane or module itself.

timea-solid commented 2 years ago

Some ideas collected at last team meeting:

display error messages locally in their context and not centered to the browser window.
make sure it has a close button, probably to be coded up like in this PR: https://github.com/SolidOS/solid-ui/pull/498

SolidOS / solidos

Error message styling #51