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

Fixed the logo being giant for a second while page is loading. Also a layout mishap.

Browse Source
This commit is contained in:
Greenscreener 2019-07-15 19:39:38 +02:00
parent c0accc71f2
commit d7455d95ff
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
patekLogo.js
View File

@ -20,7 +20,7 @@ template.innerHTML = `
font-weight: bold; font-weight: bold;
} }
#titlePlaceholder { #titlePlaceholder {
margin-right: -0.9em; margin-right: -1.15em;
visibility: hidden; visibility: hidden;
} }
#titleText { #titleText {
@ -94,7 +94,12 @@ class PatekLogo extends HTMLElement {
clone.getElementById("titleText").innerText = typeof this.attributes.title !== "undefined" ? this.attributes.title.value : "Pátek"; clone.getElementById("titleText").innerText = typeof this.attributes.title !== "undefined" ? this.attributes.title.value : "Pátek";
clone.getElementById("subtitleText").innerText = typeof this.attributes.subtitle !== "undefined" ? this.attributes.subtitle.value : ""; clone.getElementById("subtitleText").innerText = typeof this.attributes.subtitle !== "undefined" ? this.attributes.subtitle.value : "";
this.shadow.appendChild(clone); this.shadow.appendChild(clone);
this.style.display = "none";
this.calculateCircles(); this.calculateCircles();
window.addEventListener("load", () => {
this.style.display = "inline-block";
console.log("loaded");
});
} }
static get observedAttributes() { return ['title', 'subtitle']; } static get observedAttributes() { return ['title', 'subtitle']; }
attributeChangedCallback(name, oldValue, newValue) { attributeChangedCallback(name, oldValue, newValue) {