Make it easier to understand which subnav page you're on at a glance

Author: jaygeorge

resources/css/core/layout.css

@@ -29,7 +29,7 @@
     }
 
     ul li ul {
-        @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-600;
+        @apply ml-3.5 pl-3.5 translate-x-px my-1.5 text-[0.8125rem] min-w-0 flex-col gap-1.5 border-s border-gray-300 dark:border-gray-700;
     }
 
     ul li ul li a {
@@ -38,6 +38,15 @@
 
     ul li ul li a.active {
         @apply text-black dark:text-white font-medium bg-transparent;
+        &::before {
+            content: '';
+            position: absolute;
+            left: -1px;
+            @apply h-4 border-s border-s-black;
+        }
+        :where(.dark) &::before {
+            @apply border-s-white;
+        }
     }
 
     .section-title {