From f5f876e458debd66d999132a2bdbbaa39b8a96f7 Mon Sep 17 00:00:00 2001
From: nullptr <62841684+not-nullptr@users.noreply.github.com>
Date: Sun, 3 Nov 2024 17:09:29 +0000
Subject: [PATCH] fix(servers): hide webkit details marker for faq (#2895)

* feat(servers): allow scrolling faq into view via hashes

* fix(servers): hide webkit details marker for faq

---------

Signed-off-by: nullptr <62841684+not-nullptr@users.noreply.github.com>
---
 apps/frontend/src/pages/servers/index.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/servers/index.vue b/apps/frontend/src/pages/servers/index.vue
index 522a326c8..43cf3b7a3 100644
--- a/apps/frontend/src/pages/servers/index.vue
+++ b/apps/frontend/src/pages/servers/index.vue
@@ -402,7 +402,7 @@
         </div>
         <div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
           <h1 class="m-0 text-lg font-bold">Frequently Asked Questions</h1>
-          <div class="flex flex-col gap-1">
+          <div class="details-hide flex flex-col gap-1">
             <details pyro-hash="cpus" class="group" :open="route.hash === '#cpus'">
               <summary class="flex cursor-pointer items-center py-3 font-bold text-contrast">
                 <span class="mr-2 transition-transform duration-200 group-open:rotate-90">
@@ -1028,4 +1028,8 @@ onUnmounted(() => {
 .faded-brand-line {
   background: linear-gradient(to right, var(--color-brand-highlight), transparent);
 }
+
+.details-hide summary::-webkit-details-marker {
+  display: none;
+}
 </style>