Merge pull request adobe#305 from shsteimer/issue-304-header-footer-cls

add css rules to hide header and footer until they are loaded
adobe-rnd · Jul 30, 2024 · 8676c36 · 8676c36
2 parents 3e83daa + 82a84c5
commit 8676c36
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -88,6 +88,16 @@ header {
   height: var(--nav-height);
 }
 
+header .header,
+footer .footer {
+  visibility: hidden;
+}
+
+header .header[data-block-status="loaded"],
+footer .footer[data-block-status="loaded"] {
+  visibility: visible;
+}
+
 h1,
 h2,
 h3,