diff options
| author | mat <github@matdoes.dev> | 2022-02-22 17:29:36 +0000 |
|---|---|---|
| committer | mat <github@matdoes.dev> | 2022-02-22 17:29:36 +0000 |
| commit | 4d42508de5dabd1979b24cad12506fe4f72f8ed0 (patch) | |
| tree | 37a769c7ba22c3f89aba85952c221c49d40aefbd /src/lib/Collapsible.svelte | |
| parent | 4c4dd5b8964a8013c837956cd101c24ebd8760b7 (diff) | |
| download | skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.tar.gz skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.tar.bz2 skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.zip | |
fix safari issues
Diffstat (limited to 'src/lib/Collapsible.svelte')
| -rw-r--r-- | src/lib/Collapsible.svelte | 15 |
1 files changed, 14 insertions, 1 deletions
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==); |