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>
|
<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.
|
||||||
|
|||||||
Reference in New Issue
Block a user