jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: fix autocomplete colors.

Browse Source
This commit is contained in:
evazion
2019-09-17 00:28:41 -05:00
parent 4842728ed7
commit e91e68c206
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/javascript/src/styles/base/040_colors.css
View File

@@ -70,8 +70,9 @@
--preview-current-post-background: rgba(0, 0, 0, 0.1); --preview-current-post-background: rgba(0, 0, 0, 0.1);
--autocomplete-background-color: #F0F0F0; --autocomplete-selected-background-color: var(--subnav-menu-background-color);
--autocomplete-border-color: #C5C5C5; --autocomplete-border: 1px solid #CCC;
--autocomplete-arrow-color: black;
--diff-list-added-color: green; --diff-list-added-color: green;
--diff-list-removed-color: red; --diff-list-removed-color: red;

11
app/javascript/src/styles/common/autocomplete.scss
View File

@@ -1,12 +1,13 @@
.ui-autocomplete { .ui-autocomplete.ui-widget {
font-size: 0.9em; font-size: 0.9em;
border: var(--autocomplete-border);
.ui-state-active { .ui-state-active {
border: none; border: none;
margin: 0 -1px; margin: 0 -1px;
background-color: var(--autocomplete-background-color); background-color: var(--autocomplete-selected-background-color);
border-left: 1px solid var(--autocomplete-border-color); border-left: var(--autocomplete-border);
border-right: 1px solid var(--autocomplete-border-color); border-right: var(--autocomplete-border);
} }
.ui-menu-item-wrapper { .ui-menu-item-wrapper {
@@ -18,6 +19,6 @@
} }
.autocomplete-arrow { .autocomplete-arrow {
color: black; color: var(--autocomplete-arrow-color);
} }
} }