Skip to content

Conversation

@kara
Copy link
Contributor

@kara kara commented Nov 2, 2016

Tweaks to make the menu close animation smoother.

r: @hansl

@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Nov 2, 2016
@kara kara changed the title fix(select): fix menu close animation fix(select): fix panel close animation Nov 2, 2016
Copy link
Contributor

@hansl hansl left a comment

Choose a reason for hiding this comment

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

Couple of nits.

transform: `translate3d(0, 0, 0) scaleY(0)`
}),
animate(`150ms cubic-bezier(0.55, 0, 0.55, 0.2)`)
animate(`150ms cubic-bezier(0.25, 0.8, 0.25, 1)`)
Copy link
Contributor

Choose a reason for hiding this comment

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

Where did you get those values? Seems like a more aggressive ease-out.

Copy link
Contributor Author

@kara kara Nov 2, 2016

Choose a reason for hiding this comment

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

These are the Material 1 values for the ease out animation. I accidentally used the Material 1 values for the ease in animation here (copy-paste error).

this._focusCorrectOption();
this.onOpen.emit();
} else {
this._focusHost();
Copy link
Contributor

Choose a reason for hiding this comment

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

Please change the comment above to reflect the code.

/** Closes the overlay panel. */
close(): void {
this._panelOpen = false;
this._focusHost();
Copy link
Contributor

Choose a reason for hiding this comment

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

Please change the comment above to reflect the code.

height: $md-select-trigger-height;
min-width: $md-select-trigger-min-width;
cursor: pointer;
user-select: none;
Copy link
Contributor

Choose a reason for hiding this comment

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

?

@kara kara force-pushed the select-animations branch from 1b7ab1e to 65f0c58 Compare November 2, 2016 22:13
Copy link
Contributor

@hansl hansl left a comment

Choose a reason for hiding this comment

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

LGTM

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

4 participants