-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
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
[joy-ui][docs] Remove wrong CSS prop from the Sign-in-side template #41383
Conversation
The term align-items: left doesn’t exist and also There’s no need to worry about cross axis alignment because there’s no extra height. So, you can remove it from the code without any issues. Signed-off-by: Nedal <[email protected]>
Netlify deploy previewhttps://deploy-preview-41383--material-ui.netlify.app/ Bundle size report |
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.
The current code uses clamp
to switch between two values, which seems complicated for no reason. Since we already have access to the theme
object, we could simplify this to make the code easier to read and reason about.
When using light mode, there’s an issue between the `769px` and `900px` width range. During this range, the divider is not visible. I recommend removing the collapsing breakpoint altogether and relying solely on the defaul `md` value breakpoint.
There's no need for an extra import, we can use the class name directly to target all asterisk slots withing the form container.
Better provide a meaningful feedback to users and screen readers, regardless of whether the component is mounted or not. Here are the changes made: 1. When component isn't mounted + an aria-label and a default icon will be provided for better context. + the button will be disabled + `onClick` will be attached, but it won't be invoked because the button is disabled 2. When component is mounted + The user will be able to toggle the color scheme as expected
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.
Good catch! Thanks for tackling this! 🚀
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.
👍 Great first PR!
Head branch was pushed to by a user without write access
…ui#41383) Signed-off-by: Nedal <[email protected]> Co-authored-by: cipherlogs <[email protected]> Co-authored-by: Danilo Leal <[email protected]>
The term
align-items: left
doesn’t exist and there’s no need to worry about cross axis alignment because there’s no extra height. So, you can remove it from the code without any issues.👉 https://deploy-preview-41383--material-ui.netlify.app/joy-ui/getting-started/templates/sign-in-side/