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

autocomplete: tweak css.

Browse Source
This commit is contained in:
evazion
2021-01-04 04:13:36 -06:00
parent 1909d6e062
commit e6f2bf1c89
2 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -95,7 +95,6 @@
--autocomplete-selected-background-color: var(--subnav-menu-background-color); --autocomplete-selected-background-color: var(--subnav-menu-background-color);
--autocomplete-border: 1px solid #CCC; --autocomplete-border: 1px solid #CCC;
--autocomplete-arrow-color: var(--text-color);
--autocomplete-tag-autocorrect-underline: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAHElEQVQYV2NkQAL/GRj+M4IJBgY4zQhSABMEsQHMOAgCT5YN9gAAAABJRU5ErkJggg==); --autocomplete-tag-autocorrect-underline: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAHElEQVQYV2NkQAL/GRj+M4IJBgY4zQhSABMEsQHMOAgCT5YN9gAAAABJRU5ErkJggg==);
--diff-list-added-color: green; --diff-list-added-color: green;
@@ -308,7 +307,6 @@ body[data-current-user-theme="dark"] {
/* misc specific colors */ /* misc specific colors */
--autocomplete-selected-background-color: var(--grey-3); --autocomplete-selected-background-color: var(--grey-3);
--autocomplete-border: 1px solid var(--grey-4); --autocomplete-border: 1px solid var(--grey-4);
--autocomplete-arrow-color: var(--text-color);
--bulk-update-request-approved-color: var(--green-1); --bulk-update-request-approved-color: var(--green-1);
--bulk-update-request-failed-color: var(--red-1); --bulk-update-request-failed-color: var(--red-1);

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

@@ -1,25 +1,23 @@
.ui-autocomplete.ui-widget { .ui-autocomplete.ui-widget {
font-size: 0.9em; font-size: var(--text-sm);
border: var(--autocomplete-border); border: var(--autocomplete-border);
.ui-state-active { div.ui-menu-item-wrapper {
padding: 0.25em 0.4em;
border: none; border: none;
margin: 0 -1px;
background-color: var(--autocomplete-selected-background-color);
border-left: var(--autocomplete-border);
border-right: var(--autocomplete-border);
}
.ui-menu-item-wrapper { &.ui-state-active {
padding: 3px 0.5em 3px 0.4em; cursor: pointer;
background-color: var(--autocomplete-selected-background-color);
a {
margin-right: 1em;
} }
}
.autocomplete-arrow { span.autocomplete-arrow {
color: var(--autocomplete-arrow-color); color: var(--text-color);
}
span.post-count {
margin-left: 1em;
}
} }
/* Display a red wavy underline beneath misspelled tags. */ /* Display a red wavy underline beneath misspelled tags. */