mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-03-14 02:08:41 +03:00
Code Issues Projects Releases Packages 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;
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;
}

2
src/utils/SearchField.scss
View file

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