diff options
| -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 { |