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

[joy-ui][Switch] Slight adjustments to the design #39276

Merged
merged 2 commits into from
Oct 4, 2023

Conversation

danilo-leal
Copy link
Contributor

@danilo-leal danilo-leal commented Oct 3, 2023

This PR adds some slight adjustments to the Switch's default widths in all sizes. I've been feeling that the previous values were making it a bit too long, so finally took the time to nudge them a bit here. Additionally, I've removed the Material Design example from the Common examples section; really don't think it's worth it — like, who will use Joy UI to build Material Design? 😵 And we make the page shorter, too!

👉 https://deploy-preview-39276--material-ui.netlify.app/joy-ui/react-switch/

Small Medium Large
Screen Shot 2023-10-02 at 23 54 55 Screen Shot 2023-10-02 at 23 54 58 Screen Shot 2023-10-02 at 23 55 02

@danilo-leal danilo-leal added docs Improvements or additions to the documentation component: switch This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer package: joy-ui Specific to @mui/joy labels Oct 3, 2023
@danilo-leal danilo-leal self-assigned this Oct 3, 2023
@mui-bot
Copy link

mui-bot commented Oct 3, 2023

Netlify deploy preview

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against e33e634

Copy link
Contributor

@zanivan zanivan left a comment

Choose a reason for hiding this comment

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

Hey, thanks for tackling this! I've just fine-tune one of the demos, but it looks good!

@danilo-leal
Copy link
Contributor Author

@siriwatknp let me know if there's anything we should be aware of given we're changing code from the actual component!

@siriwatknp
Copy link
Member

Looks better!

@siriwatknp
Copy link
Member

@siriwatknp let me know if there's anything we should be aware of given we're changing code from the actual component!

For this case, accepting the change in argos is enough.

@siriwatknp siriwatknp merged commit 88a5c43 into mui:master Oct 4, 2023
@danilo-leal danilo-leal deleted the joy-ui-switch-tweaks branch October 4, 2023 11:13
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Oct 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: switch This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer docs Improvements or additions to the documentation package: joy-ui Specific to @mui/joy
Projects
Status: Recently completed
Development

Successfully merging this pull request may close these issues.

4 participants