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(material-experimental/mdc-button): add mdc ripple class for fab #21923

Merged
merged 1 commit into from Feb 26, 2021

Conversation

annieyw
Copy link
Contributor

@annieyw annieyw commented Feb 16, 2021

MDC button and MDC FAB are 2 different components but MDC based button and FAB share the same template.

Add mdc-fab__ripple to the mdc-button ripple element to receive MDC's FAB ripple styles.

@annieyw annieyw added P3 G target: patch labels Feb 16, 2021
@google-cla google-cla bot added the cla: yes label Feb 16, 2021
@@ -1,4 +1,4 @@
<span class="mdc-button__ripple"></span>
<span class="mdc-button__ripple mdc-fab__ripple"></span>
Copy link
Contributor

@mmalerba mmalerba Feb 16, 2021

Choose a reason for hiding this comment

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

should we conditionally apply these classes based on what type of button it is? i.e.

<span
    [class.mdc-button__ripple]="!isFab"
    [class.mdc-fab__ripple]="isFab">

Copy link
Contributor Author

@annieyw annieyw Feb 18, 2021

Choose a reason for hiding this comment

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

added a _isFab property to button base

Copy link
Member

@jelbourn jelbourn left a comment

LGTM

@jelbourn jelbourn added the merge ready label Feb 18, 2021
Copy link
Contributor

@mmalerba mmalerba left a comment

LGTM

@mmalerba mmalerba added P2 and removed P3 labels Feb 18, 2021
@angular-automatic-lock-bot
Copy link

@angular-automatic-lock-bot angular-automatic-lock-bot bot commented Mar 29, 2021

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 Mar 29, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
cla: yes G merge ready P2 target: patch
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants