Fix pointer events

Make all overlay content have `pointer-events: none` so user can select/click elements as they would expect. Also fix the main landing link.
LadybirdBrowser · Jul 11, 2024 · ec45352 · ec45352
1 parent 5d06bac
commit ec45352
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/global/navigation.astro b/src/components/global/navigation.astro
@@ -9,7 +9,7 @@
     id="header-nav"
     class="container mx-auto flex flex-row items-center justify-between"
   >
-    <a id="header-logo" class="z-20" href="/">
+    <a id="header-logo" href="/">
       <img
         class="w-36 z-10"
         src="/assets/img/logo-new.webp"

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -306,6 +306,7 @@ a {
   z-index: 0;
   background-image: url("../../../assets/img/why-eclipse.svg");
   background-repeat: no-repeat;
+  pointer-events: none;
   background-size: cover;
   max-width: 697px;
   width: 100%;
@@ -370,6 +371,7 @@ a {
   background: #fff;
   opacity: 7%;
   border-radius: 25px;
+  pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;