Skip to content
This repository has been archived by the owner on Jun 18, 2024. It is now read-only.

Ensures the hero button icon is centered within the circle #347

Merged
merged 2 commits into from
Feb 12, 2016

Conversation

mikewheaton
Copy link
Contributor

Fixes #346

@wdo3650
Copy link
Contributor

wdo3650 commented Feb 12, 2016

Looks good in all browsers except in Edge for me.

@@ -131,6 +131,7 @@
font-size: $ms-font-size-s;
position: relative;
top: -8px;
text-align: center;
Copy link
Contributor

Choose a reason for hiding this comment

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

Align to the other CSS properties in this class.

@mikewheaton
Copy link
Contributor Author

The icon centers horizontally in Edge, but it sits about a pixel too low in the circle. This is more an issue with the icon font not having vertically centered icons than a bug with this component. Even if we tweaked it for the plus icon, this component should support any icon and we can't get them all aligned.

@wdo3650
Copy link
Contributor

wdo3650 commented Feb 12, 2016

Looks good to me. Approved.

@Jahnp
Copy link
Collaborator

Jahnp commented Feb 12, 2016

Agreed--looks good.

mikewheaton pushed a commit that referenced this pull request Feb 12, 2016
Ensures the hero button icon is centered within the circle. Fixes #346
@mikewheaton mikewheaton merged commit d44cd60 into master Feb 12, 2016
@mikewheaton mikewheaton deleted the miwhea/hero-button-icon branch May 7, 2016 05:10
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants