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

feat(menu): support icons #1702

Merged
merged 1 commit into from Nov 3, 2016
Merged

feat(menu): support icons #1702

merged 1 commit into from Nov 3, 2016

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

@@ -18,6 +18,10 @@
color: md-color($foreground, 'disabled');
}

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.

@@ -42,4 +42,12 @@ $md-menu-vertical-padding: 8px !default;
&[disabled] {
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
No open projects
Development

Successfully merging this pull request may close these issues.

md-menu with icons and colors
4 participants