heonian.org/heonian-conversation
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

minor design changes

Browse Source
This commit is contained in:
remi 2022-05-06 17:20:00 +02:00
parent 6823641f73
commit e775b7d6a2
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
main.js
View File

@ -153,6 +153,7 @@ function showPopup(ogword, word, quirks = "") {
badge.classList.add("badge"); badge.classList.add("badge");
try { try {
badge.style.backgroundColor = quirkBadges[quirk]["color"]; badge.style.backgroundColor = quirkBadges[quirk]["color"];
badge.style.boxShadow = "0px 0px 4px " + quirkBadges[quirk]["color"] + "cc";
badge.innerText = quirkBadges[quirk]["name"]; badge.innerText = quirkBadges[quirk]["name"];
badge.onclick = () => { badge.onclick = () => {
p.querySelector("h1").innerText = quirkBadges[quirk]["name"]; p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
@ -163,6 +164,7 @@ function showPopup(ogword, word, quirks = "") {
} }
} catch (e) { } catch (e) {
badge.style.backgroundColor = quirkBadges["unknown-tag"]["color"]; badge.style.backgroundColor = quirkBadges["unknown-tag"]["color"];
badge.style.boxShadow = "0px 0px 4px #" + quirkBadges["unknown-tag"]["color"] + "cc";
badge.innerText = quirkBadges["unknown-tag"]["name"]; badge.innerText = quirkBadges["unknown-tag"]["name"];
} }
p.querySelector("#popup-quirks").appendChild(badge); p.querySelector("#popup-quirks").appendChild(badge);

10
text_analysis.css
View File

@ -176,7 +176,7 @@ main {
#popup { #popup {
width: 300px; width: 300px;
background-color: var(--popup-bg); background-color: var(--left-color);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 8px; border-radius: 8px;
@ -187,7 +187,7 @@ main {
#smol-popup { #smol-popup {
width: 200px; width: 200px;
background-color: var(--popup-bg); background-color: var(--left-color);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 8px; border-radius: 8px;
@ -201,6 +201,12 @@ main {
/* padding-top: 0px; account for Funny */ /* padding-top: 0px; account for Funny */
} }
@supports (backdrop-filter: blur(10px)) or (--webkit-backdrop-filter: blur(10px)) {
#popup, #smol-popup {
background-color: var(--popup-bg);
}
}
#popup h1, #smol-popup h1 { #popup h1, #smol-popup h1 {
text-align: center; text-align: center;
margin: 0; margin: 0;