Skip to content

Commit

Permalink
fix(toolbar): Use transparent bg for menu icon to avoid IE 11 bug (#1909
Browse files Browse the repository at this point in the history
)

IE 11 renders the toolbar menu icon with a grey background when the icon's `background-color` is set to `inherit`. Changing the value to `transparent` fixes the bug and doesn't seem to have any adverse affects in other browsers.

Fixes #881

![Screenshot comparison of the bug and the fix](https://user-images.githubusercontent.com/409245/34734739-bd3a7a4c-f521-11e7-8202-c5e6c9b03b0e.png)
  • Loading branch information
acdvorak authored Jan 10, 2018
1 parent 73f88bd commit 2da3dc8
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion packages/mdc-toolbar/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@
justify-content: center;
padding: $mdc-toolbar-element-vertical-padding;
border: none;
background-color: inherit;
background-color: transparent;
color: inherit;
text-decoration: none;
cursor: pointer;
Expand Down

0 comments on commit 2da3dc8

Please sign in to comment.