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}