Add details-marker display:none to hide default FAQ details arrow on iOS

wikjoh · Oct 6, 2024 · b18caf9 · b18caf9
1 parent ac33c34
commit b18caf9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/css/main.css b/css/main.css
@@ -1410,7 +1410,7 @@ a:active, .navbar-link:active {
      -moz-user-select: none;
           user-select: none;
   transition: var(--transition-default);
-  /* Hide marker */
+  /* Hide default arrow/marker */
   list-style: none;
 }
 .faq-accordion summary span {
@@ -1421,6 +1421,9 @@ a:active, .navbar-link:active {
     background-color: var(--color-faqchevronbg);
   }
 }
+.faq-accordion summary::-webkit-details-marker {
+  display: none;
+}
 .faq-accordion p {
   padding-inline: 1.5rem;
   font-size: var(--fs-body-s);

diff --git a/css/scss/components/_faq.scss b/css/scss/components/_faq.scss
@@ -45,8 +45,11 @@
       }
     }
 
-    /* Hide marker */
+    /* Hide default arrow/marker */
     list-style: none;
+    &::-webkit-details-marker {
+      display: none;
+    }
   }
 
   p {