fix le js
This commit is contained in:
parent
941f701d7d
commit
87f1a59ceb
@ -2,7 +2,7 @@
|
||||
<div id="popup">
|
||||
<h1>um</h1>
|
||||
<p id="popup-heo"></p>
|
||||
<div class="spacer"></div>
|
||||
<div id="spacerhide" class="spacer"></div>
|
||||
<div id="popup-middle">
|
||||
<div id="popup-quirks-container"><span id="popup-quirks"></span></div>
|
||||
</div>
|
||||
|
9
main.js
9
main.js
@ -282,7 +282,7 @@ function showPopup(ogword, word, quirks = "") {
|
||||
p.querySelector("#popup-meaning").innerText = words[word]["meaning"];
|
||||
p.querySelector("#popup-quirks").innerHTML = "";
|
||||
if (quirks.trim() != "") {
|
||||
p.querySelector("#popup-quirks-container").style.display = "block";
|
||||
p.querySelector("#popup-middle").style.display = "block";
|
||||
let qyuirks = quirks.split(" ");
|
||||
qyuirks.forEach(quirk => {
|
||||
let badge = document.createElement("div");
|
||||
@ -292,10 +292,11 @@ function showPopup(ogword, word, quirks = "") {
|
||||
badge.style.boxShadow = "0px 0px 4px " + quirkBadges[quirk]["color"] + "cc";
|
||||
badge.innerText = quirkBadges[quirk]["name"];
|
||||
badge.onclick = () => {
|
||||
p.querySelector("#spacerhide").style.display = "none";
|
||||
p.querySelector("#popup-middle").style.display = "none";
|
||||
p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
|
||||
p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
|
||||
//p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
|
||||
p.querySelector("#popup-quirks-container").style.display = "none";
|
||||
p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
|
||||
}
|
||||
} catch (e) {
|
||||
@ -304,9 +305,11 @@ function showPopup(ogword, word, quirks = "") {
|
||||
badge.innerText = quirkBadges["unknown-tag"]["name"];
|
||||
}
|
||||
p.querySelector("#popup-quirks").appendChild(badge);
|
||||
p.querySelector("#spacerhide").style.display = "block";
|
||||
});
|
||||
} else {
|
||||
p.querySelector("#popup-quirks-container").style.display = "none";
|
||||
p.querySelector("#spacerhide").style.display = "none";
|
||||
p.querySelector("#popup-middle").style.display = "none";
|
||||
}
|
||||
c.style.opacity = 1;
|
||||
c.style.pointerEvents = "all";
|
||||
|
@ -223,7 +223,7 @@ main {
|
||||
}
|
||||
|
||||
#popup-heo, #smol-heo {
|
||||
font-family: "heonian";
|
||||
font-family: var(--font-heonian);
|
||||
text-align: center;
|
||||
margin: 4px;
|
||||
margin-bottom: 8px;
|
||||
|
Loading…
Reference in New Issue
Block a user