Working noscript message

fileformat · fileformat · commit 63b3a640ff3f · 2025-11-01T11:16:05.000-04:00
diff --git a/src/index.html b/src/index.html
@@ -17,13 +17,12 @@
 	<link href="/css/bootstrap.min.css" rel="stylesheet">
 </head>
 
-<body class="h-100">
+<body class="h-100 w-100 d-flex">
 	<script type="module" src="./index.ts"></script>
-	<div class="scriptonly" id="loading">
+	<div class="h-100 w-100 align-items-center justify-content-center scriptonly" id="loading">
 		<img src="/images/spinner.gif" alt="Loading..." />
 	</div>
-	<div id="achtable" style="display:none">
-	</div>
+	<div id="unicodetable" class="d-none w-100 h-100"></div>
 	<div id="errdiv" class="d-none d-flex flex-column justify-content-center align-items-center w-100 h-100">
 		<div class="alert alert-danger m-3" role="alert">
 			<img class="pe-2" src="/images/stop.svg" alt="Error" width="100" height="100" />
diff --git a/src/index.ts b/src/index.ts
@@ -508,7 +508,7 @@ async function main() {
 		TooltipModule,
 	]);
 
-	const table = new Tabulator("#achtable", {
+	const table = new Tabulator("#unicodetable", {
 		autoResize: true,
 		data,
 		columns: [
@@ -767,8 +767,8 @@ async function main() {
 		};
 	});
 
-	document.getElementById("loading")!.style.display = "none";
-	document.getElementById("achtable")!.style.display = "block";
+	document.getElementById("loading")!.classList.add("d-none");
+	document.getElementById("unicodetable")!.classList.remove("d-none");
 }
 
 main();
diff --git a/src/styles.css b/src/styles.css
@@ -7,17 +7,6 @@ html, body {
 }
 
 body {
-  background-color: #f0f0f0;
-  font-family: sans-serif;
+	font-family: sans-serif;
 }
 
-div#loading {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: white;
-}
-
-
