Skip to content

feature(md-icon-button): set fixed line height for wrapped content #1469

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

Merged
merged 2 commits into from
Nov 1, 2016

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?

@@ -112,5 +112,6 @@ $md-mini-fab-padding: 8px !default;

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