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

[List][joy-ui] Add gap and missing active styles #39146

Merged
merged 9 commits into from
Sep 28, 2023

Conversation

siriwatknp
Copy link
Member

@siriwatknp siriwatknp commented Sep 25, 2023

Styles improvement after integrating with cmdk. integration preview

  • <ListItem hidden> is now working as expected.
  • ListItemButton has :active styles by default.
  • ListItem and ListItemButton have gaps by default. This is more commonly used.

@siriwatknp siriwatknp added component: list This is the name of the generic UI component, not the React module! component: tabs This is the name of the generic UI component, not the React module! package: joy-ui Specific to @mui/joy enhancement This is not a bug, nor a new feature labels Sep 25, 2023
@mui-bot
Copy link

mui-bot commented Sep 25, 2023

Netlify deploy preview

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

@mui/joy: parsed: +0.09% , gzip: +0.07%

Bundle size report

Details of bundle changes (Toolpad)
Details of bundle changes

Generated by 🚫 dangerJS against b5f983e

Comment on lines +78 to +79
display: 'var(--_ListItem-display)',
'&:not([hidden])': { '--_ListItem-display': 'flex' },
Copy link
Member Author

Choose a reason for hiding this comment

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

To work with native HTML hidden attribute.

@siriwatknp siriwatknp marked this pull request as draft September 25, 2023 07:13
@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 27, 2023
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label Sep 27, 2023
@siriwatknp siriwatknp marked this pull request as ready for review September 27, 2023 07:05
@siriwatknp siriwatknp merged commit 31d741a into mui:master Sep 28, 2023
22 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: list This is the name of the generic UI component, not the React module! component: tabs This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature package: joy-ui Specific to @mui/joy
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants