From 9d54cc720c7969cb4f2c750b3c9f6f16eaf9e995 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?kleines=20Filmr=C3=B6llchen?= <kleines@filmroellchen.eu>
Date: Tue, 3 Dec 2024 20:20:08 +0100
Subject: [PATCH] no pointer events on header div

---
 static/main.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/static/main.css b/static/main.css
index e22a877..c5c93a4 100644
--- a/static/main.css
+++ b/static/main.css
@@ -12,9 +12,9 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 
@@ -79,6 +79,7 @@ h3 {
 }
 
 header {
+  pointer-events: none;
   display: grid;
   grid-template:
     "logo . nav        nav"
@@ -87,6 +88,10 @@ header {
     minmax(min-content, 25vw) 1fr auto minmax(0, min-content);
   overflow: hidden;
 
+  * {
+    pointer-events: initial;
+  }
+
   #logo {
     grid-area: logo;
   }
@@ -139,7 +144,8 @@ header {
   }
 
   nav {
-    transition: max-height 0.2s cubic-bezier(0.86, 0, 0.07, 1),
+    transition:
+      max-height 0.2s cubic-bezier(0.86, 0, 0.07, 1),
       margin 0.2s cubic-bezier(0.86, 0, 0.07, 1);
     overflow-y: hidden;
     height: auto;
@@ -241,7 +247,9 @@ nav {
     margin-bottom: 0.4em;
     text-transform: uppercase;
     text-decoration: underline 0.15em var(--main-text-color);
-    transition: text-decoration-color 0.3s, color 0.25s;
+    transition:
+      text-decoration-color 0.3s,
+      color 0.25s;
 
     &:focus,
     &:hover {