diff --git a/public/index.css b/public/index.css index 55a1b63ff..48cdb3f7e 100644 --- a/public/index.css +++ b/public/index.css @@ -306,6 +306,15 @@ label.input { background-color: var(--color-negative); } +.dropdown { + background-color: var(--color-foreground-background); + margin-top: 0.5rem; + position: absolute; + box-shadow: 16px 16px 32px 32px var(--color-shadow); + z-index: 10; + border-radius: 0.25rem; +} + .error { color: var(--color-negative) !important; border-color: var(--color-negative) !important; diff --git a/src/Dropdown.svelte b/src/Dropdown.svelte index f61efc6d0..509457633 100644 --- a/src/Dropdown.svelte +++ b/src/Dropdown.svelte @@ -16,9 +16,7 @@ background-color: var(--color-foreground-background); padding: 0.5rem 0; margin-top: 0.5rem; - border-radius: 0.25rem; position: absolute; - box-shadow: 16px 16px 32px 32px var(--color-shadow); } .dropdown-item { cursor: pointer; diff --git a/src/base/projects/Header.svelte b/src/base/projects/Header.svelte index 23560f047..1c2c45d58 100644 --- a/src/base/projects/Header.svelte +++ b/src/base/projects/Header.svelte @@ -93,12 +93,8 @@ background-color: var(--color-foreground-background-lighter); } .dropdown { - background-color: var(--color-foreground-background); padding: 1rem; - margin-top: 0.5rem; - border-radius: 0.25rem; display: none; - position: absolute; } .clone-dropdown.clone-dropdown-visible { display: block; @@ -160,14 +156,20 @@ class:clone-dropdown-visible={dropdownState.clone} > + +
+ - + {/if}