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 | |
| parent | 4c4dd5b8964a8013c837956cd101c24ebd8760b7 (diff) | |
| download | skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.tar.gz skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.tar.bz2 skyblock-stats-4d42508de5dabd1979b24cad12506fe4f72f8ed0.zip | |
fix safari issues
| -rw-r--r-- | src/app.css | 2 | ||||
| -rw-r--r-- | src/lib/Collapsible.svelte | 15 | ||||
| -rw-r--r-- | src/lib/sections/Inventories.svelte | 1 |
3 files changed, 17 insertions, 1 deletions
diff --git a/src/app.css b/src/app.css index 6c9576f..a77dddd 100644 --- a/src/app.css +++ b/src/app.css @@ -187,6 +187,8 @@ hr { button { outline: none; font-family: inherit; + /* safari adds a bit of margin for some reason */ + margin: 0; } tr { 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==); diff --git a/src/lib/sections/Inventories.svelte b/src/lib/sections/Inventories.svelte index 42607b6..e84950a 100644 --- a/src/lib/sections/Inventories.svelte +++ b/src/lib/sections/Inventories.svelte @@ -47,6 +47,7 @@ padding: 1em; cursor: pointer; transition-duration: 200ms; + } .inventory-tab:hover, .inventory-tab-active { |