forked from tanner/qotnews
fix: Prevent React app flash by hiding static content with display: none
Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
This commit is contained in:
@@ -32,8 +32,8 @@
|
||||
|
||||
<script>document.documentElement.className = 'js-enabled';</script>
|
||||
<style>
|
||||
.js-enabled #root > * {
|
||||
visibility: hidden;
|
||||
.js-enabled .static-content {
|
||||
display: none;
|
||||
}
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
@@ -58,6 +58,7 @@
|
||||
})();
|
||||
</script>
|
||||
<div id="root">
|
||||
<div class="static-content">
|
||||
<div class="container menu">
|
||||
<p>
|
||||
<a href="/">QotNews</a>
|
||||
@@ -150,6 +151,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
If you open it directly in the browser, you will see an empty page.
|
||||
|
||||
Reference in New Issue
Block a user