Fix Interactivity on OSS Dropdown

thefrontside · Sep 16, 2024 · cd1b1e8 · cd1b1e8
1 parent 37fbd01
commit cd1b1e8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/components/project-select.tsx b/components/project-select.tsx
@@ -37,10 +37,11 @@ export function ProjectSelect() {
         }
         `}
       </style>
+
       <input type="checkbox" class="hidden" id={toggleId} checked />
-      <label id={openerId} style="position: relative;" for={toggleId}>
+      <label id={openerId} style="position: relative; cursor: pointer;" for={toggleId}>
         Open Source
-        <aside class="z-10 absolute m-4 rounded-md">
+        <aside class="z-20 absolute m-4 rounded-md">
           <h4 class="p-2.5 min-w-max font-normal text-center text-sm uppercase">
             Open Source Projects
           </h4>
@@ -66,7 +67,7 @@ export function ProjectSelect() {
 
       <label
         id={closerId}
-        class="z-50 absolute inset-0 hidden w-screen h-screen"
+        class="z-10 absolute inset-0 hidden w-screen h-screen"
         for={toggleId}
       />
     </>

diff --git a/deno.lock b/deno.lock