update page header render to use css instead of state

2026-05-13 20:10:07 +02:00 · 2025-11-22 04:08:38 -08:00
parent b159dd4452
commit 1c5212d756
3 changed files with 89 additions and 28 deletions
@@ -1,8 +1,26 @@
 .container {
    position: relative;
    z-index: 190;
+    visibility: hidden;
    width: 100%;
    height: 65px;
+    pointer-events: none;
+    opacity: 0;
+    transition:
+        opacity 0.2s ease-in-out,
+        visibility 0.2s ease-in-out;
+}
+
+.container[data-visible='true'] {
+    visibility: visible;
+    pointer-events: auto;
+    opacity: 1;
+}
+
+.container.visible {
+    visibility: visible;
+    pointer-events: auto;
+    opacity: 1;
 }

 .header {