From 103ed740b16d351dc621281cfca46bd2e32f4515 Mon Sep 17 00:00:00 2001
From: jrhender <stampy@j-henderson.com>
Date: Sat, 23 Mar 2024 20:47:00 +0000
Subject: [PATCH] fix(menu.css): remove disclosure triangle for webkit browser

---
 app/components/ArticlesNav/menu.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/components/ArticlesNav/menu.css b/app/components/ArticlesNav/menu.css
index 9213b195..f03f54d5 100644
--- 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);
 }