Skip to content

Conversation

@andrewmnlv
Copy link
Contributor

should be centered inside when it's size is reduced
in additional fix it for md-fab

Closes #1426

<md-icon></md-icon> should be centered inside <button md-icon-button></button> when it's size is reduced
in additional fix it for md-fab

Closes angular#1426
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Oct 11, 2016
@jelbourn
Copy link
Member

@tinayuangao can you take a look at this?


i, md-icon {
padding: $padding 0;
line-height: $size - $padding * 2;
Copy link
Contributor

Choose a reason for hiding this comment

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

If we change the $size or the $padding, the md-icon is no longer at the center.

Copy link
Contributor

Choose a reason for hiding this comment

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

Use "line-height: $md-icon-button-line-height;" could solve this issue.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@tinayuangao thank you
updated

<md-icon></md-icon> should be centered inside <button md-icon-button></button> when it's size is reduced
in additional fix it for md-fab

Closes angular#1426
@tinayuangao
Copy link
Contributor

LGTM

@tinayuangao tinayuangao added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review labels Oct 27, 2016
@hansl hansl merged commit 8220452 into angular:master Nov 1, 2016
@andrewmnlv andrewmnlv deleted the feature/md-icon-button branch November 2, 2016 08:31
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature: md-icon should be centered inside button[md-icon-button] when it's size is reduced.

5 participants