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:
2026-01-02 20:52:07 +00:00
parent 407c995d9f
commit 649b8a0da4

View File

@@ -32,8 +32,8 @@
<script>document.documentElement.className = 'js-enabled';</script> <script>document.documentElement.className = 'js-enabled';</script>
<style> <style>
.js-enabled #root > * { .js-enabled .static-content {
visibility: hidden; display: none;
} }
html { html {
overflow-y: scroll; overflow-y: scroll;
@@ -58,6 +58,7 @@
})(); })();
</script> </script>
<div id="root"> <div id="root">
<div class="static-content">
<div class="container menu"> <div class="container menu">
<p> <p>
<a href="/">QotNews</a> <a href="/">QotNews</a>
@@ -150,6 +151,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
<!-- <!--
This HTML file is a template. This HTML file is a template.
If you open it directly in the browser, you will see an empty page. If you open it directly in the browser, you will see an empty page.