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

[docs] Clean demos components #1681

Merged
merged 1 commit into from May 17, 2021

Conversation

oliviertassinari
Copy link
Member

@oliviertassinari oliviertassinari commented May 16, 2021

A follow-up on #1382. Preview: https://deploy-preview-1681--material-ui-x.netlify.app/components/data-grid/components/

  • en-US, again

Screenshot 2021-05-16 at 11 10 44

  • Use inline demos as much as possible

Screenshot 2021-05-16 at 11 10 18

  • Use DataGrid over XGrid as much as possible

Screenshot 2021-05-16 at 11 11 23

  • Keep headers consistent with the page

Screenshot 2021-05-16 at 11 10 58

  • Improve button visibility and placement
  • Only display the column menu when the button is clicked, keep it open, and fix the color flash

@oliviertassinari oliviertassinari added the docs Improvements or additions to the documentation label May 16, 2021
color={color}
variant="outlined"
onClick={(event) => {
event.stopPropagation();
Copy link
Member

Choose a reason for hiding this comment

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

why do you need to stop propagation here? Next js issue?

Copy link
Member Author

Choose a reason for hiding this comment

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

I have stopped the propagation to keep the column menu open when we toggle the button.

AFAIK, we have never seen a rendering issue from Next.js. I don't know what would put us on this lead, it uses the public React API, so I doubt it will ever happen. I believe we can reproduce the flash on codesandbox

Copy link
Member

Choose a reason for hiding this comment

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

No I just wondered... Maybe it is worth adding a comment.

The next js idea was total supposition.

@dtassone
Copy link
Member

Ready to go?

@oliviertassinari oliviertassinari merged commit e08248f into mui:master May 17, 2021
@oliviertassinari oliviertassinari deleted the docs-clean-demos branch May 17, 2021 14:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs Improvements or additions to the documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants