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

fix(menu): align appearance with spec #5361

Merged
merged 1 commit into from Jul 14, 2017

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Jun 25, 2017

Aligns the menu panel appearance with the spec by:

  • Reducing the elevation from 8 to 2.
  • Adding a slight border radius.
  • Tweaking the animation to match the examples.

Relates to #3814.

@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Jun 25, 2017
Copy link
Contributor

@kara kara left a comment

Choose a reason for hiding this comment

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

Animation looks great; just nits. Apply label when ready.

}

/**
* Resets the panel animation ot its initial state.
Copy link
Contributor

Choose a reason for hiding this comment

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

Typo: ot -> to

@@ -156,4 +160,27 @@ export class MdMenu implements AfterContentInit, MdMenuPanel, OnDestroy {
this._classList['mat-menu-below'] = posY === 'below';
}

/**
* Starts the enter animation.
Copy link
Contributor

Choose a reason for hiding this comment

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

Formatting nit: Convert these short comments to one line? Same for the others.

/** Starts the enter animation */


.mat-menu-panel {
@include mat-menu-base();
@include mat-menu-base(2);
Copy link
Contributor

@kara kara Jun 26, 2017

Choose a reason for hiding this comment

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

Can you add a comment clarifying where this elevation number comes from? I couldn't find any guidance in the spec.

Copy link
Member Author

@crisbeto crisbeto Jun 26, 2017

Choose a reason for hiding this comment

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

It's nowhere in the spec, this one looked closest to the designs.

@kara kara assigned crisbeto and unassigned kara Jun 26, 2017
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Jun 26, 2017
Aligns the menu panel appearance with [the spec](https://material.io/guidelines/components/menus.html) by:
* Reducing the elevation from 8 to 3.
* Adding a slight border radius.
* Tweaking the animation to match the examples.

Relates to angular#3814.
@mmalerba mmalerba added the merge: caretaker note Alert the caretaker performing the merge to check the PR for an out of normal action needed or note label Jul 7, 2017
@mmalerba
Copy link
Contributor

mmalerba commented Jul 7, 2017

caretaker note: screenshot diffs need approval

Copy link
Contributor

@kara kara left a comment

Choose a reason for hiding this comment

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

LGTM

@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 merge: caretaker note Alert the caretaker performing the merge to check the PR for an out of normal action needed or note
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants