From b4c3bd16b10ecf943ece01f60382d0467ab6701f Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandrocelaya@gmail.com>
Date: Sat, 14 May 2022 13:05:23 +0200
Subject: [PATCH] Fixed colors and styles in tags selector
---
src/common/react-tag-autocomplete.scss | 12 ++++++++++--
src/utils/SearchField.scss | 2 +-
2 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/src/common/react-tag-autocomplete.scss b/src/common/react-tag-autocomplete.scss
index 5b0c8ab5..c8b9e37c 100644
--- a/src/common/react-tag-autocomplete.scss
+++ b/src/common/react-tag-autocomplete.scss
@@ -10,7 +10,7 @@
position: relative;
padding: 5px 0 0 6px;
border-radius: .3rem;
- background-color: var(--input-color);
+ background-color: var(--primary-color);
border: 1px solid var(--input-border-color);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
@@ -22,6 +22,10 @@
cursor: text;
}
+.card .react-tags {
+ background-color: var(--input-color);
+}
+
.react-tags.is-focused {
box-shadow: 0 0 0 .2rem rgb(70 150 229 / 25%);
}
@@ -82,7 +86,7 @@
font-size: 1.25rem;
line-height: inherit;
color: var(--input-text-color);
- background-color: var(--input-color);
+ background-color: inherit;
/* prevent autoresize overflowing the container */
max-width: 100%;
@@ -94,6 +98,10 @@
outline: none;
}
+.react-tags__search-input::placeholder {
+ color: #6c757d;
+}
+
.react-tags__search-input::-ms-clear {
display: none;
}
diff --git a/src/utils/SearchField.scss b/src/utils/SearchField.scss
index 513844b4..3d8d2849 100644
--- a/src/utils/SearchField.scss
+++ b/src/utils/SearchField.scss
@@ -22,7 +22,7 @@
@include vertical-align();
left: 15px;
- color: #707581;
+ color: #6c757d;
}
.search-field__close {