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

[Divider] Fix styles on dividers with text #35072

Merged
merged 7 commits into from Apr 26, 2023

Conversation

maxdestors
Copy link
Contributor

@maxdestors maxdestors commented Nov 9, 2022

Current behavior :
image

Correction :
image

Here is a sandBox to reproduce : https://codesandbox.io/s/divider-before-after-height-bug-071123?file=/src/App.tsx

Signed-off-by: Max Destors <max.destors@leptech.net>
@mui-bot
Copy link

mui-bot commented Nov 9, 2022

Netlify deploy preview

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

Bundle size report

Details of bundle changes

Generated by 🚫 dangerJS against 2bebb95

@zannager zannager added the component: divider This is the name of the generic UI component, not the React module! label Nov 10, 2022
@jonathan-vandal
Copy link

jonathan-vandal commented Dec 30, 2022

I have the same problem. I hope it will be merged soon. @siriwatknp

@maxdestors
Copy link
Contributor Author

@siriwatknp Thanks for the review ! I also fixed the vertical orientation.

@ZeeshanTamboli ZeeshanTamboli changed the title [Divider] - Fix unwanted height [Divider] Fix unwanted height Apr 26, 2023
@ZeeshanTamboli ZeeshanTamboli added the bug 🐛 Something doesn't work label Apr 26, 2023
@ZeeshanTamboli ZeeshanTamboli changed the title [Divider] Fix unwanted height [Divider] Fix unwanted height on dividers with text Apr 26, 2023
@ZeeshanTamboli ZeeshanTamboli changed the title [Divider] Fix unwanted height on dividers with text [Divider] Fix styles on dividers with text Apr 26, 2023
Copy link
Member

@ZeeshanTamboli ZeeshanTamboli left a comment

Choose a reason for hiding this comment

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

@maxdestors It looks good. The style fixes are a good improvement. I also removed the now unnecessary position: relative in 2bebb95. Thanks for the first pull request!

@ZeeshanTamboli ZeeshanTamboli merged commit 46c1e91 into mui:master Apr 26, 2023
19 checks passed
@maxdestors maxdestors deleted the patch-1 branch April 26, 2023 08:02
binh1298 pushed a commit to binh1298/material-ui that referenced this pull request May 17, 2023
Signed-off-by: Max Destors <max.destors@leptech.net>
Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: divider This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants