patek/patek-logo-custom-element
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: patek:master
Branches Tags
patek:master
patek:vojta001/simplify-styles
patek:vojta001/load-font-at-the-end
...
pull from: patek:vojta001/load-font-at-the-end
Branches Tags
patek:master
patek:vojta001/simplify-styles
patek:vojta001/load-font-at-the-end

1 Commits
master ... vojta001/l

Author SHA1 Message Date
Vojtěch Káně
edd2da4714 Move loading font to the end of the style not to block applying the style while loading the font and thus allowing the logo to scale uncontrolably under certain conditions and browsers. 
The original bug is only visible in scaled variants - <patek-logo style="font-size: 100px;"></patek-logo>.
 2019-07-17 10:28:34 +02:00
1 changed files with 1 additions and 1 deletions
Show Stats Expand all files Collapse all files

2
patekLogo.js
View File

@ -1,7 +1,6 @@
const template = document.createElement("template"); const template = document.createElement("template");
template.innerHTML = ` template.innerHTML = `
<style> <style>
@import 'https://unpkg.com/firacode@1.206.0/distr/fira_code.css';
svg > * { svg > * {
fill: currentColor; fill: currentColor;
} }
@ -48,6 +47,7 @@ template.innerHTML = `
margin-bottom: -0.3em; margin-bottom: -0.3em;
height: 2em; height: 2em;
} }
@import 'https://unpkg.com/firacode@1.206.0/distr/fira_code.css';
</style> </style>
<span id="wrapper"> <span id="wrapper">
<span id="titlePlaceholder"></span> <span id="titlePlaceholder"></span>