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

feat(fab): Add support for svg icons #2504

Merged
merged 7 commits into from
Apr 9, 2018

Conversation

williamernest
Copy link
Contributor

fixes: #2502

@codecov-io
Copy link

codecov-io commented Apr 4, 2018

Codecov Report

Merging #2504 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           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.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8c4fbdc...1f2b57a. Read the comment docs.

@@ -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.
Copy link
Contributor

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

@@ -38,6 +38,14 @@
@include mdc-theme-prop(background-color, $color, $edgeOptOut: true);
}

@mixin mdc-fab-icon-size($width: 24px, $height: $width) {
Copy link
Contributor

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.

Copy link
Contributor

@kfranqueiro kfranqueiro left a 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Fab: SVG/Img icons display very large within the FAB
3 participants