-
-
Notifications
You must be signed in to change notification settings - Fork 32.6k
[docs-infra] Fix codeblock issues #46323
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
Conversation
Netlify deploy previewhttps://deploy-preview-46323--material-ui.netlify.app/ Bundle size report
|
@@ -235,7 +235,7 @@ export default function MaterialStyling() { | |||
overflow: 'auto', | |||
}} | |||
> | |||
<Box sx={{ position: 'relative' }}> | |||
<Box sx={{ position: 'relative', minWidth: 510 }}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wouldn't expect to see a hard-coded width. Isn't there a way to make the highlight follow the width of the code content? Perhaps it's in the wrong container?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Isn't there a way to make the highlight follow the width of the code content?
We can do that with display: 'inline-block'
. It lets it size based on its content width. Also, added minWidth: '100%'
, to ensure it doesn't become smaller that it's container.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I fixed the second and third point of #43863. Also, refactored FlashCode
component to not pass unused variables.
Closes #43863
Resize the window to see the issue and the fix.
Before: https://mui.com/material-ui/
After: https://deploy-preview-46323--material-ui.netlify.app/material-ui/