Skip to content

Conversation

@kara
Copy link
Contributor

@kara kara commented Nov 2, 2016

This PR adds CSS support for icons.

Closes #1388

r: @hansl

cc: @jelbourn

@googlebot googlebot added cla: yes PR author has agreed to Google's Contributor License Agreement labels Nov 2, 2016
```html
<md-menu #menu="mdMenu">
<button md-menu-item>
<md-icon> dialpad </md-icon>
Copy link
Member

Choose a reason for hiding this comment

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

Why so much indent?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Inattention :) Will fix

}

md-icon {
color: md-color($foreground, 'icon');
Copy link
Member

Choose a reason for hiding this comment

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

Why is this necessary?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It's the color in the spec and in Material 1's version. It looks pretty dramatic without it.

cursor: default;
}

md-icon {
Copy link
Member

Choose a reason for hiding this comment

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

Is there a link to the spec we could include here for this 16px value?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

No, as far as I could tell, no exact measurement for this case in the spec. This was the value in Material 1.

@jelbourn
Copy link
Member

jelbourn commented Nov 3, 2016

LGTM

@jelbourn jelbourn added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review action: merge The PR is ready for merge by the caretaker labels Nov 3, 2016
@kara kara added the action: merge The PR is ready for merge by the caretaker label Nov 3, 2016
@jelbourn jelbourn merged commit 982cdaa into angular:master Nov 3, 2016
@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.

md-menu with icons and colors

4 participants