Skip to content

[docs] Tweak Material UI's "Showcase" page design #37259

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.

Sign up for GitHub

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

Merged
danilo-leal merged 13 commits into from
Jun 1, 2023
Merged

[docs] Tweak Material UI's "Showcase" page design #37259

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
028ed62
overall improvement to the Material UI showcase page
danilo-leal May 13, 2023
998b34b
tweak styles and disable hardcoded label lint
danilo-leal May 13, 2023
b8f66bb
tweak toggle button small variant padding
danilo-leal May 13, 2023
470aa5d
Merge remote-tracking branch 'origin/master' into material-ui-showcas…
danilo-leal May 31, 2023
84722aa
add height: 100% to the cards
danilo-leal May 31, 2023
4a0b9a1
put dates in a colloquial format
danilo-leal May 31, 2023
f971d90
missing date
danilo-leal May 31, 2023
4f0a980
rollback on the date formatting change
danilo-leal May 31, 2023
f0df93e
use the divider color token
danilo-leal May 31, 2023
e3ce8b2
fix some tiny stuff
danilo-leal May 31, 2023
bdbceee
fix lint + swap instances of MUI to Material UI
danilo-leal May 31, 2023
aae2510
delete old Showcase file
danilo-leal Jun 1, 2023
73f249c
correct color typo
danilo-leal Jun 1, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 0 additions & 140 deletions docs/data/material/discover-more/showcase/Showcase.js
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions docs/data/material/discover-more/showcase/showcase.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@

<p class="description">Check out these public apps using Material UI to get inspired for your next project.</p>

Are you working with MUI's component libraries? [Show us what you're building](https://github.com/mui/material-ui/issues/22426)! We'd love to see it.
This is a curated list of some of the best apps we've seen that show off what's possible with Material UI. Are you also using it? [Show us what you're building](https://github.com/mui/material-ui/issues/22426)! We'd love to see it.

This is a curated list of some of the best apps we've seen that show off what's possible with MUI's products.
---

{{"demo": "Showcase.js", "hideToolbar": true, "bg": "inline"}}
{{"component": "docs/src/modules/components/MaterialShowcase.js"}}
Copy link
Member

@oliviertassinari oliviertassinari May 13, 2024

Choose a reason for hiding this comment

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

This new file location feels wrong. We should be able to render the component at the same location as the markdown. Issue created #42225

5 changes: 4 additions & 1 deletion docs/src/modules/brandingTheme.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -803,12 +803,15 @@ export function getThemedComponents(): ThemeOptions {
},
MuiToggleButton: {
styleOverrides: {
root: ({ theme }) => [
root: ({ theme, ownerState }) => [
{
textTransform: 'none',
fontWeight: 500,
color: theme.palette.grey[700],
borderColor: theme.palette.grey[200],
...(ownerState.size === 'small' && {
padding: '0.375rem 0.75rem',
}),
'&.Mui-selected': {
color: (theme.vars || theme).palette.primary[500],
borderColor: `${(theme.vars || theme).palette.primary[500]} !important`,
Expand Down
Loading