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

[Card] Fix vertically center header action #21646

Merged
merged 1 commit into from Jul 2, 2020
Merged

[Card] Fix vertically center header action #21646

merged 1 commit into from Jul 2, 2020

Conversation

kgregory
Copy link
Member

@kgregory kgregory commented Jul 2, 2020

Fixes #21645

CardHeader's action is not vertically centered as is depicted in the Material Design spec.

To fix this, I split the action's negative top margin between top and bottom. This ensures that the action is centered vertically without altering the CardHeader's height.

@mui-pr-bot
Copy link

mui-pr-bot commented Jul 2, 2020

Details of bundle changes

Generated by 🚫 dangerJS against e2f2ac7

Split negative top margin between top and bottom margins to reposition the action without altering the CardHeader's height.
@oliviertassinari oliviertassinari changed the title [CardHeader] Vertically center action [Card] Fix vertically center header action Jul 2, 2020
@oliviertassinari oliviertassinari added bug 🐛 Something doesn't work component: card This is the name of the generic UI component, not the React module! labels Jul 2, 2020
@oliviertassinari oliviertassinari merged commit 1be205a into mui:next Jul 2, 2020
@oliviertassinari
Copy link
Member

@kgregory Well spotted :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: card This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CardHeader] Action is not vertically centered in Card Header
3 participants