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] Add settings panel to allow system mode #23722

Merged
merged 9 commits into from Nov 26, 2020

Conversation

mbrookes
Copy link
Member

@mbrookes mbrookes commented Nov 25, 2020

This has been on my list of things to do for longer than I care to remember. 😄

image

Closes #23683

@mbrookes mbrookes added the docs Improvements or additions to the documentation label Nov 25, 2020
@mui-pr-bot
Copy link

mui-pr-bot commented Nov 25, 2020

Details of bundle changes

Generated by 🚫 dangerJS against 346113d

Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

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

Nice :)! A few changes I would suggest:

  • Make the "settings" button icon available on all the pages
  • "Site settings" -> "Settings" for brevity.
  • Have you considered making the side panel wider, like 400px with a horizontal toggle button? (both for theme mode and text direction)
  • It's typically for cases like this that a designer could come in and improve the design (I personally don't know how to improve it, maybe it's as good as it could get 🤷‍♂️).

@mbrookes
Copy link
Member Author

mbrookes commented Nov 26, 2020

Make the "settings" button icon available on all the pages

Odd. What's preventing it?

Have you considered making the side panel wider, like 400px with a horizontal toggle button?

Yep. It looks worse IMHO, but happy to review a suggested change.

a designer could come in and improve the design

Yes, the default color scheme for the toggle buttons doesn't work so well with text. I didn't try to fix it.

Copy link
Member

@oliviertassinari oliviertassinari left a comment

Choose a reason for hiding this comment

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

Odd. What's preventing it?

My cache

@mbrookes
Copy link
Member Author

My cache

Hmm, no, I'm seeing the same.

if (process.browser) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
Copy link
Member

Choose a reason for hiding this comment

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

That poor array is getting torn apart before it could live for some time 😆

@oliviertassinari
Copy link
Member

Hmm, no, I'm seeing the same.

@mbrookes Right, it's not the cache.

@oliviertassinari
Copy link
Member

Bug, it should behave like a radio:

Capture d’écran 2020-11-26 à 11 44 28

We shouldn't be able to unselect the active value by clicking on it.

@mbrookes
Copy link
Member Author

I have horizontal looking decent:

image

Better?

@oliviertassinari
Copy link
Member

I like how it leaves space to add more content later on.

@mbrookes mbrookes merged commit 21ac3a9 into mui:next Nov 26, 2020
@mbrookes mbrookes deleted the docs-settings-panel branch November 26, 2020 23:15
@benknight
Copy link

benknight commented Dec 8, 2020

Is this live already? I'm not seeing it.

@oliviertassinari
Copy link
Member

It's live, yes: https://next.material-ui.com/.

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.

[docs] Allow to follow system/OS preferences for dark mode
5 participants