From 71e306e0088a2daee2f32f1c98df24db0de34e26 Mon Sep 17 00:00:00 2001
From: John Donmoyer <john@deno.com>
Date: Thu, 25 Jul 2024 10:08:34 -0400
Subject: [PATCH] add active states to categorypanel (#629)

---
 styles.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 755150a7e..a1a3d92df 100644
--- a/styles.css
+++ b/styles.css
@@ -222,9 +222,20 @@ body:not(:has(.ddoc)) {
 /* Custom DDOC styles for the Deno documentation */
 .ddoc {
   @apply pt-0 !important;
-  
+
   #categoryPanel {
     @apply border-r border-gray-000;
+    @apply pt-4 !important;
+
+    li:hover {
+      @apply bg-blue-50 rounded-md !important;
+      > a {
+        @apply no-underline !important;
+      }
+    }
+    .active {
+      @apply bg-blue-50 rounded-md !important;
+    }
   }
 
   .contextLink {
@@ -240,7 +251,7 @@ body:not(:has(.ddoc)) {
 
     > ul {
       @apply border-l border-gray-000 !important;
-      
+
       > li > a {
         @apply text-gray-3 hover:bg-blue-50 rounded-lg hover:no-underline  py-1.5 px-3.5 !important;
       }