Working noscript message

fileformat · fileformat · commit 2ec205eaed21 · 2025-11-01T10:54:19.000-04:00
diff --git a/src/index.html b/src/index.html
@@ -22,7 +22,7 @@
 
 <body class="h-100">
 	<script type="module" src="./index.ts"></script>
-	<div class="scriptonly" id="loading">
+	<div class="d-flex h-100 w-100 align-items-center justify-content-center" id="loading">
 		<img src="/images/spinner.gif" alt="Loading..." />
 	</div>
 	<div id="emojitable" style="display:none">
diff --git a/src/index.ts b/src/index.ts
@@ -452,7 +452,7 @@ async function main() {
 		}
 	});
 
-	document.getElementById("loading")!.style.display = "none";
+	document.getElementById("loading")!.classList.add("d-none");
 	document.getElementById("emojitable")!.style.display = "block";
 }
 
diff --git a/src/styles.css b/src/styles.css
@@ -11,13 +11,6 @@ body {
   font-family: sans-serif;
 }
 
-div#loading {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: white;
-}
+
 
 

Original file line number	Diff line number	Diff line change
`@@ -452,7 +452,7 @@ async function main() {`
`452`	`452`	`}`
`453`	`453`	`});`
`454`	`454`
`455`		`- document.getElementById("loading")!.style.display = "none";`
	`455`	`+ document.getElementById("loading")!.classList.add("d-none");`
`456`	`456`	`document.getElementById("emojitable")!.style.display = "block";`
`457`	`457`	`}`
`458`	`458`