From 4d42508de5dabd1979b24cad12506fe4f72f8ed0 Mon Sep 17 00:00:00 2001 From: mat 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