shlinkio/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-12-11 02:09:53 -06:00
Code Issues Packages Projects Releases 67 Wiki Activity

Fixed colors and styles in tags selector

Browse Source
This commit is contained in:
Alejandro Celaya 2022-05-14 13:05:23 +02:00
parent 4b97abaf72
commit b4c3bd16b1
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/common/react-tag-autocomplete.scss
View File

@ -10,7 +10,7 @@
position: relative; position: relative;
padding: 5px 0 0 6px; padding: 5px 0 0 6px;
border-radius: .3rem; border-radius: .3rem;
background-color: var(--input-color); background-color: var(--primary-color);
border: 1px solid var(--input-border-color); border: 1px solid var(--input-border-color);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
@ -22,6 +22,10 @@
cursor: text; cursor: text;
} }
.card .react-tags {
background-color: var(--input-color);
}
.react-tags.is-focused { .react-tags.is-focused {
box-shadow: 0 0 0 .2rem rgb(70 150 229 / 25%); box-shadow: 0 0 0 .2rem rgb(70 150 229 / 25%);
} }
@ -82,7 +86,7 @@
font-size: 1.25rem; font-size: 1.25rem;
line-height: inherit; line-height: inherit;
color: var(--input-text-color); color: var(--input-text-color);
background-color: var(--input-color); background-color: inherit;
/* prevent autoresize overflowing the container */ /* prevent autoresize overflowing the container */
max-width: 100%; max-width: 100%;
@ -94,6 +98,10 @@
outline: none; outline: none;
} }
.react-tags__search-input::placeholder {
color: #6c757d;
}
.react-tags__search-input::-ms-clear { .react-tags__search-input::-ms-clear {
display: none; display: none;
} }

2
src/utils/SearchField.scss
View File

@ -22,7 +22,7 @@
@include vertical-align(); @include vertical-align();
left: 15px; left: 15px;
color: #707581; color: #6c757d;
} }
.search-field__close { .search-field__close {