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] Reduce height of some variants #38527

Merged
merged 18 commits into from
Sep 7, 2023
Merged

Conversation

zanivan
Copy link
Contributor

@zanivan zanivan commented Aug 17, 2023

Closes #38418

Default theme should use the md variant as much as possible, so instead of changing the default variant, I reduced the minHeight of md variants from 2.5rem to 2.25rem and added some stray tweaks to make things more consistent.

The components with sizes reduced:

Moreover, I've taken the liberty to make some fine-tuning to other sizes as well.

@zanivan zanivan added package: joy-ui Specific to @mui/joy design: joy This is about Joy Design, please involve a visual or UX designer in the process labels Aug 17, 2023
@mui-bot
Copy link

mui-bot commented Aug 17, 2023

Netlify deploy preview

https://deploy-preview-38527--material-ui.netlify.app/

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against 6d10793

@siriwatknp

This comment was marked as resolved.

@zanivan zanivan changed the title [joy-ui] Reduce height of some 'md' variants [joy-ui] Reduce height of some variants Aug 21, 2023
@zanivan zanivan requested a review from siriwatknp September 4, 2023 12:32
@siriwatknp
Copy link
Member

@zanivan What do you think about the changes for the Switch I did? a634103

@zanivan
Copy link
Contributor Author

zanivan commented Sep 7, 2023

@zanivan What do you think about the changes for the Switch I did? a634103

Hmm I don’t know. With all the other components denser, it might look too heavy and therefore feels a bit off. I was drawing inspiration from other libraries as shadcn, radix and mostly reshaped, where the Switches are smaller by default.

Copy link
Member

@siriwatknp siriwatknp left a comment

Choose a reason for hiding this comment

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

👍

Copy link
Member

@siriwatknp siriwatknp left a comment

Choose a reason for hiding this comment

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

Please wait, have to fix Autocomplete sizes.

@zanivan zanivan merged commit 7f81475 into mui:master Sep 7, 2023
8 checks passed
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Sep 8, 2023
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Sep 8, 2023
xcode-it pushed a commit to xcode-it/material-ui that referenced this pull request Sep 11, 2023
@LukasTy LukasTy mentioned this pull request Sep 29, 2023
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design: joy This is about Joy Design, please involve a visual or UX designer in the process package: joy-ui Specific to @mui/joy
Projects
Status: Recently completed
Development

Successfully merging this pull request may close these issues.

4 participants