aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/fields
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/fields')
-rw-r--r--frontend/src/components/fields/ChoiceField.scss4
-rw-r--r--frontend/src/components/fields/InputField.scss8
-rw-r--r--frontend/src/components/fields/TagField.scss26
3 files changed, 19 insertions, 19 deletions
diff --git a/frontend/src/components/fields/ChoiceField.scss b/frontend/src/components/fields/ChoiceField.scss
index c8c7ff1..85986af 100644
--- a/frontend/src/components/fields/ChoiceField.scss
+++ b/frontend/src/components/fields/ChoiceField.scss
@@ -27,8 +27,8 @@
}
.field-options {
- position: absolute;
- z-index: 20;
+ position: static;
+ z-index: 100;
top: 35px;
display: none;
width: 100%;
diff --git a/frontend/src/components/fields/InputField.scss b/frontend/src/components/fields/InputField.scss
index e8ef46a..eafb2ab 100644
--- a/frontend/src/components/fields/InputField.scss
+++ b/frontend/src/components/fields/InputField.scss
@@ -47,15 +47,15 @@
background-color: $color-primary-4 !important;
}
+ .file-label::after {
+ background-color: $color-secondary-4 !important;
+ }
+
.field-value input,
.field-value .file-label {
color: $color-primary-3 !important;
background-color: $color-primary-4 !important;
}
-
- .file-label::after {
- background-color: $color-secondary-4 !important;
- }
}
&.field-invalid {
diff --git a/frontend/src/components/fields/TagField.scss b/frontend/src/components/fields/TagField.scss
index 737f11f..723e71f 100644
--- a/frontend/src/components/fields/TagField.scss
+++ b/frontend/src/components/fields/TagField.scss
@@ -10,6 +10,18 @@
}
}
+ .react-tags {
+ position: relative;
+ display: flex;
+ border-radius: 4px;
+ background-color: $color-primary-2;
+
+ &:focus-within,
+ &:focus-within .react-tags__search-input {
+ background-color: $color-primary-1;
+ }
+ }
+
&.field-small {
font-size: 0.8em;
}
@@ -39,18 +51,6 @@
}
}
- .react-tags {
- position: relative;
- display: flex;
- border-radius: 4px;
- background-color: $color-primary-2;
-
- &:focus-within,
- &:focus-within .react-tags__search-input {
- background-color: $color-primary-1;
- }
- }
-
.react-tags__selected {
display: inline-block;
flex: 0 1;
@@ -154,4 +154,4 @@
cursor: auto;
opacity: 0.5;
}
-} \ No newline at end of file
+}