-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
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-infra] Adjust the tabs and layout selection design #41084
[docs-infra] Adjust the tabs and layout selection design #41084
Conversation
Netlify deploy previewhttps://deploy-preview-41084--material-ui.netlify.app/ Bundle size report |
Signed-off-by: Danilo Leal <[email protected]>
✅ Deploy Preview for resonant-twilight-4b0c91 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
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'm wondering with this new design if it would make sens to remove the collapse
docs/src/modules/components/ApiPage/sections/ToggleDisplayOption.tsx
Outdated
Show resolved
Hide resolved
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.
Cool! Just one comment—not so related to the change itself, however it's an opportunity to polish this out:
I reckon the box-shadows could be softened a bit here, mostly in the dark theme. It'd be more consistent with the light mode, and look less muddy in the borders.
I tried this tiny tweak:
boxShadow: `${alpha(theme.palette.primaryDark[600], 0.1)} 0 2px 0 inset, ${alpha(theme.palette.primaryDark[900], 0.5, )} 0 -2px 1px inset, ${theme.palette.common.black} 0 1px 2px 0`,`
@alexfauquette little bump here; when you have the time! :) |
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.
Looks good 👍
This PR changes the component to toggle between different API content layout views from a toggle button to a dropdown menu. This does consist of an additional click, but ultimately, I feel like it improves the feature's discoverability. The "View" word within the button, clearly stating which view you're seeing, gives it away that you may find other options by clicking on the button. Regardless of the tooltip, the icons alone in the current version did not feel intuitive to use. I've received feedback that, at a glance, it was not clear what they were for. Aside from that, also added in some stray design tweaks.
https://deploy-preview-41084--material-ui.netlify.app/base-ui/react-button/components-api/#button
Related discussion: #40862 (comment)