From 4d42508de5dabd1979b24cad12506fe4f72f8ed0 Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Tue, 22 Feb 2022 17:29:36 +0000
Subject: fix safari issues

---
 src/lib/Collapsible.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'src/lib/Collapsible.svelte')

diff --git a/src/lib/Collapsible.svelte b/src/lib/Collapsible.svelte
index 867117d..760677c 100644
--- a/src/lib/Collapsible.svelte
+++ b/src/lib/Collapsible.svelte
@@ -32,12 +32,25 @@
 	summary > :global(*) {
 		display: inline;
 	}
+
 	summary {
 		cursor: pointer;
+		list-style: none;
 	}
-	summary::marker {
+	summary::marker,
+	summary::-webkit-details-marker {
 		content: '';
+		display: none;
+	}
+
+	summary:focus {
+		outline: none;
+		box-shadow: 0 0 0 2pt #06e7;
+		border-radius: 0.1em;
+		width: fit-content;
+		padding-right: 0.2em;
 	}
+
 	summary::before {
 		/* the background image is an arrow pointing down */
 		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTcuNSA0Ljc1bC03LjUgNy41LTcuNS03LjVMMSA2LjI1bDkgOSA5LTl6IiBmaWxsPSIjYWFhIi8+IDwvc3ZnPg==);
-- 
cgit 

