From 84703e3117eb2829e0ed6b4a995f1025359fb57b Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Thu, 24 Oct 2024 21:43:22 -0700
Subject: [PATCH] fix module listing style

---
 src/pages/docs/types/[type]/index.astro |  2 +-
 src/pages/docs/types/index.astro        | 36 +++++++++++---------
 src/styles/docs/docs-types.css          | 44 -------------------------
 3 files changed, 22 insertions(+), 60 deletions(-)

diff --git a/src/pages/docs/types/[type]/index.astro b/src/pages/docs/types/[type]/index.astro
index cdf191c..ff3480c 100644
--- a/src/pages/docs/types/[type]/index.astro
+++ b/src/pages/docs/types/[type]/index.astro
@@ -31,7 +31,7 @@ const details = route.data.details
 ---
 
 <DocsLayout
-  title={route.type + " Type Documentation"}
+  title={route.type + " Module Types"}
   description="Quickshell Type Documentation"
 >
   <div class="docs-content">
diff --git a/src/pages/docs/types/index.astro b/src/pages/docs/types/index.astro
index cda2394..e72f7d4 100644
--- a/src/pages/docs/types/index.astro
+++ b/src/pages/docs/types/index.astro
@@ -6,20 +6,26 @@ const routes = await getTypeData();
 
 const modules = [...new Set(routes.map(route => route.type))];
 ---
-<DocsLayout title="Quickshell Type Definitions" description="Quickshell Type Documentation">
-  <h2>Type Definitions</h2>
-  <div class="root-nav">
-    {modules.map(moduleEntry => {
-      const indexData = routes.filter(route => route.name === "index")
-      const indexSingled = indexData.filter(indexEntry => indexEntry.type === moduleEntry)[0]
-      const description = indexSingled.data.description
-      return (
-      <div class="root-nav-entry">
-        <a class="root-nav-link" href={`/docs/types/${moduleEntry}`}>
-          {moduleEntry}
-        </a>
-        <span class="root-nav-desc">{description}</span>
-      </div>)
-    })}
+<DocsLayout title="Quickshell Module Listing" description="Quickshell Type Documentation">
+  <div class="docs-content">
+    <hr/>
+    <h2>Module Listing</h2>
+    <section>
+      <span>All modules included with Quickshell</span>
+      <div class="root-nav" data-pagefind-ignore>
+        {modules.map(moduleEntry => {
+          const indexData = routes.filter(route => route.name === "index")
+          const indexSingled = indexData.filter(indexEntry => indexEntry.type === moduleEntry)[0]
+          const description = indexSingled.data.description
+          return (
+          <div class="root-nav-entry">
+            <a class="root-nav-link" href={`/docs/types/${moduleEntry}`}>
+              {moduleEntry}
+            </a>
+            <span class="root-nav-desc">{description}</span>
+          </div>)
+        })}
+      </div>
+    </section>
   </div>
 </DocsLayout>
diff --git a/src/styles/docs/docs-types.css b/src/styles/docs/docs-types.css
index 8be9bac..00c9984 100644
--- a/src/styles/docs/docs-types.css
+++ b/src/styles/docs/docs-types.css
@@ -19,29 +19,6 @@
     &:not(:last-child) {
       border-bottom: 1px solid hsla(var(--blue) 10 15 / 0.6);
     }
-
-    & .root-nav-link {
-      font-size: 1.137rem;
-      max-height: 2rem;
-      position: relative;
-      text-decoration: none;
-      text-align: center;
-
-      &::before {
-        content: "";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 1px;
-        background: linear-gradient(
-          90deg,
-          transparent 25%,
-          hsla(var(--accent-500) / 0.88) 50%,
-          transparent 75%
-        );
-      }
-    }
   }
 }
 
@@ -353,27 +330,6 @@ html.dark .typevariants {
       display: grid;
       grid-template-columns: 0.60fr 1.40fr;
 
-      & .root-nav-link {
-        justify-self: start;
-        height: max-content;
-
-        &::before {
-          width: 0;
-          background: linear-gradient(
-            to right,
-            hsla(var(--accent-400) / 0.5) var(--percent),
-            hsla(var(--accent-400) / 0) 100%
-          );
-          animation: percentToZero 250ms ease-in-out forwards;
-          transition: width 0.25s ease-in-out;
-        }
-
-        &:hover::before {
-          animation: percentToFifty 250ms ease-in-out forwards;
-          width: 100%;
-        }
-      }
-
       & .root-nav-desc {
         padding-left: 1rem;
         border-left: 1px solid hsl(var(--blue) 10 15 / 0.6);