diff --git a/src/app.css b/src/app.css index a39a25d..7b69ab7 100644 --- a/src/app.css +++ b/src/app.css @@ -566,21 +566,27 @@ body { .config-card-content { display: grid; grid-template-rows: 0fr; - transition: grid-template-rows 0.3s ease; + transition: grid-template-rows 0.3s ease, padding-bottom 0.3s ease; padding: 0 16px; + padding-bottom: 0; } .config-card-content.open { grid-template-rows: 1fr; - padding: 0 16px 16px 16px; + padding-bottom: 16px; } .config-card-content > div { + min-height: 0; overflow: hidden; } +@keyframes enable-tooltip-overflow { + to { overflow: visible; } +} + .config-card-content.open > div { - overflow: visible; + animation: enable-tooltip-overflow 0s 0.3s forwards; } /* Toggle switches */ diff --git a/src/lib/ConfigurePage.svelte b/src/lib/ConfigurePage.svelte index 802d02b..c8a0a54 100644 --- a/src/lib/ConfigurePage.svelte +++ b/src/lib/ConfigurePage.svelte @@ -210,8 +210,8 @@ {#if opfsDisabled}
-

OPFS is disabled in this browser. Default configuration will apply. If you are using a Firefox - Private window, please change to a regular window instead to change configuration.

+

OPFS is disabled in this browser. Default configuration will apply. If you are using a Private/Incognito + window, please change to a regular window instead to change configuration.

{/if}