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] Adjust the Input and Textarea styles #34281

Merged
merged 6 commits into from Sep 15, 2022

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Sep 12, 2022

This PR preserves the same background when hovering on the Input or Textarea.

Benchmarks

From the benchmarks, all the popular libraries don't have hovered background:

Changes

Before:

Screen.Recording.2565-09-12.at.10.11.27.mov

When the decorators are actionable, the hovered background makes actions harder to perceive.

After:

Screen.Recording.2565-09-12.at.10.13.37.mov

@siriwatknp siriwatknp 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 Sep 12, 2022
@mui-bot
Copy link

mui-bot commented Sep 12, 2022

Details of bundle changes

Generated by 🚫 dangerJS against ed040c4

@siriwatknp siriwatknp marked this pull request as ready for review September 12, 2022 03:33
Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

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

Amazing 🤩

@siriwatknp siriwatknp merged commit cdb9f11 into mui:master Sep 15, 2022
daniel-rabe pushed a commit to daniel-rabe/material-ui that referenced this pull request Nov 29, 2022
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
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants