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

Fix <Appbar> buttons don't have consistent spacing #8356

Merged
merged 2 commits into from
Nov 4, 2022

Conversation

fzaninotto
Copy link
Member

@fzaninotto fzaninotto commented Nov 4, 2022

Before

image

After

image

Closes #8347


const Root = styled(Box, {
name: PREFIX,
overridesResolver: (props, styles) => styles.root,
})(({ theme }) => ({
[`& .${LocalesMenuButtonClasses.selectedLanguage}`]: {
Copy link
Contributor

Choose a reason for hiding this comment

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

This change requires a doc update

onClick={() => setOpen(!open)}
size="large"
>
<StyledIconButton color="inherit" onClick={() => setOpen(!open)}>
Copy link
Contributor

Choose a reason for hiding this comment

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

#8350 also suggested to pass the ...rest props to the button, don't you think we should do it too?

Copy link
Contributor

@WiXSL WiXSL Nov 4, 2022

Choose a reason for hiding this comment

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

#8350 also suggested to pass the ...rest props to the button, don't you think we should do it too?

+1 on this. And in ToggleThemeButton

Copy link
Member Author

Choose a reason for hiding this comment

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

I don't see the need for this

onClick={() => setOpen(!open)}
size="large"
>
<StyledIconButton color="inherit" onClick={() => setOpen(!open)}>
Copy link
Contributor

@WiXSL WiXSL Nov 4, 2022

Choose a reason for hiding this comment

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

#8350 also suggested to pass the ...rest props to the button, don't you think we should do it too?

+1 on this. And in ToggleThemeButton

@fzaninotto fzaninotto merged commit f38ceff into master Nov 4, 2022
@fzaninotto fzaninotto deleted the appbar-styles-spacing branch November 4, 2022 17:17
@fzaninotto fzaninotto added this to the 4.5.1 milestone Nov 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
RFR Ready For Review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

IconButton size on AppBar is not very consistent
3 participants