Wrong font in my paper-dialog

[andersforsell]

After upgrading to latest polymer with version 0.6.0 of paper-elements in my chessboard element (https://github.com/andersforsell/chessboard.dart), the font in my paper-dialog is incorrect.
It should inherit the Roboto font specified by the element, but is now rendered as "Times Bold".

This was not a problem before.

Do I need to style the content in paper-dialog specifically with the new version?

[jakemac53]

It looks like you now need to style this from your entry point file (which seems wrong), using something like the following:

html /deep/ paper-dialog {
  font-family: "Roboto",Helvetica,Arial,sans-serif;
}

Also, it looks like you will want to change to the new paper-action-dialog element.

[andersforsell]

Thanks, styling from the entry point works but as you say it should be possible from within the element.

I'll look into using the paper-action-dialog element.

[andersforsell]

BTW, the workaround using styling in the entry point does not work using Safari.

[jakemac53]

are you using the shim-shadowdom attribute on your style tag? This is implied when within a polymer-element but for top level stylesheets you have to add it manually.

[andersforsell]

Aha... then it works in Safari.

Thanks!

On Mon Dec 08 2014 at 9:10:13 PM Jacob MacDonald notifications@github.com
wrote:

are you using the shim-shadowdom attribute on your style tag? This is
implied when within a polymer-element but for top level stylesheets you
have to add it manually.

—
Reply to this email directly or view it on GitHub
#65 (comment)
.

[jakemac53]

Great, we can leave this open anyways though since I definitely agree that it seems wrong not being able to control it from within an element.