Skip to content

Commit 0fac48d

Browse files
committed
Working noscript message
1 parent 9a156db commit 0fac48d

File tree

3 files changed

+4
-12
lines changed

3 files changed

+4
-12
lines changed

src/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222

2323
<body class="h-100">
2424
<script type="module" src="./index.ts"></script>
25-
<div class="scriptonly" id="loading">
25+
<div class="d-flex h-100 w-100 align-items-center justify-content-center scriptonly" id="loading">
2626
<img src="/images/spinner.gif" alt="Loading..." />
2727
</div>
2828
<div id="emojitable" style="display:none">
@@ -37,7 +37,7 @@
3737
<div class="d-flex flex-column justify-content-center align-items-center w-100 h-100">
3838
<div class="d-flex flex-row align-items-center alert alert-danger m-3" role="alert">
3939
<img class="pe-2" src="/images/stop.svg" alt="Error" width="100" height="100" />
40-
<span class="fs-4">EmojiSearch requires JavaScript. Try <a href="https://www.fileformat.info/info/emoji/">FileFormat.Info</a> to search without Javascript.</span>
40+
<span class="fs-4">EmojiSearch requires JavaScript. Try <a href="https://www.fileformat.info/info/emoji/list.htm">FileFormat.Info</a> to search without Javascript.</span>
4141
</div>
4242
</div>
4343
</noscript>

src/index.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -452,7 +452,7 @@ async function main() {
452452
}
453453
});
454454

455-
document.getElementById("loading")!.style.display = "none";
455+
document.getElementById("loading")!.classList.add("d-none");
456456
document.getElementById("emojitable")!.style.display = "block";
457457
}
458458

src/styles.css

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,17 +7,9 @@ html, body {
77
}
88

99
body {
10-
background-color: #f0f0f0;
1110
font-family: sans-serif;
1211
}
1312

14-
div#loading {
15-
width: 100%;
16-
height: 100%;
17-
display: flex;
18-
justify-content: center;
19-
align-items: center;
20-
background-color: white;
21-
}
13+
2214

2315

0 commit comments

Comments
 (0)