-
Notifications
You must be signed in to change notification settings - Fork 6.8k
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
Conversation
There was a problem hiding this 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.
src/lib/menu/menu-directive.ts
Outdated
} | ||
|
||
/** | ||
* Resets the panel animation ot its initial state. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Typo: ot
-> to
src/lib/menu/menu-directive.ts
Outdated
@@ -156,4 +160,27 @@ export class MdMenu implements AfterContentInit, MdMenuPanel, OnDestroy { | |||
this._classList['mat-menu-below'] = posY === 'below'; | |||
} | |||
|
|||
/** | |||
* Starts the enter animation. |
There was a problem hiding this comment.
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); |
There was a problem hiding this comment.
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.
There was a problem hiding this comment.
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.
2ca658d
to
d991d7b
Compare
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.
d991d7b
to
4757d2d
Compare
caretaker note: screenshot diffs need approval |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Aligns the menu panel appearance with the spec by:
Relates to #3814.