fix(menu.css): remove disclosure triangle for webkit browser

StampyAI · Mar 23, 2024 · 103ed74 · 103ed74
1 parent f5c2781
commit 103ed74
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/app/components/ArticlesNav/menu.css b/app/components/ArticlesNav/menu.css
@@ -35,6 +35,16 @@
   cursor: pointer;
 }
 
+/* 
+  https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#default_style
+  "For Webkit-based browsers, such as Safari, it is possible to control the icon display
+  through the non-standard CSS pseudo-element ::-webkit-details-marker. 
+  To remove the disclosure triangle, use summary::-webkit-details-marker { display: none }."
+*/
+.articles-group details summary::-webkit-details-marker {
+  display: none;
+}
+
 .articles-dropdown {
   padding-left: var(--spacing-40);
 }