-
Notifications
You must be signed in to change notification settings - Fork 2.1k
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(fab): Add support for svg icons #2504
Conversation
Codecov Report
@@ Coverage Diff @@
## master #2504 +/- ##
=======================================
Coverage 98.62% 98.62%
=======================================
Files 104 104
Lines 4226 4226
Branches 530 530
=======================================
Hits 4168 4168
Misses 58 58 Continue to review full report at Codecov.
|
packages/mdc-fab/README.md
Outdated
@@ -57,6 +57,8 @@ We recommend you load [Material Icons](https://material.io/icons/) from Google F | |||
</button> | |||
``` | |||
|
|||
> _NOTE:_ The floating action button icon can be used with a `span`, `a`, `img`, `i`, or `svg` element. |
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.
Remove a
(doesn't make sense inside a button) and move img
after i
packages/mdc-fab/_mixins.scss
Outdated
@@ -38,6 +38,14 @@ | |||
@include mdc-theme-prop(background-color, $color, $edgeOptOut: true); | |||
} | |||
|
|||
@mixin mdc-fab-icon-size($width: 24px, $height: $width) { |
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.
Don't default width
here; specify it below in mdc-fab.scss
Also, this needs to be documented in the README. I'd probably lump it under advanced sass mixins.
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.
Manually took screenshot diffs w/ the demo page w/o SVG FABs and the rest looks identical to before this PR.
fixes: #2502