nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Bug 1889068, restore yellowish highlight for status message in autocomplete dropdown, r=credential-management-reviewers,desktop-theme-reviewers,emilio,sgalich

Browse source 
Differential Revision: https://phabricator.services.mozilla.com/D207987
This commit is contained in:
Neil Deakin 2024-05-16 11:07:16 +00:00
parent 88b542351f
commit 9a161f968a
2 changed files with 12 additions and 2 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

8
browser/themes/shared/autocomplete.css
View file

@ -16,6 +16,9 @@
border-radius: 0; border-radius: 0;
padding: 0 1px; padding: 0 1px;
--status-text-color: currentColor;
--status-background-color: rgba(248, 232, 28, .2);
> .ac-site-icon { > .ac-site-icon {
margin-inline: 4px 0; margin-inline: 4px 0;
} }
@ -168,7 +171,8 @@
> .ac-status { > .ac-status {
padding: var(--space-xsmall) var(--space-small); padding: var(--space-xsmall) var(--space-small);
text-align: center; text-align: center;
background-color: var(--color-background-information); background-color: var(--status-background-color);
color: var(--status-text-color);
width: 100%; width: 100%;
border-bottom: 1px solid rgba(38,38,38,.15); border-bottom: 1px solid rgba(38,38,38,.15);
font-size: calc(10 / 12 * 1em); font-size: calc(10 / 12 * 1em);
@ -224,7 +228,7 @@
/* Popup states */ /* Popup states */
.autocomplete-richlistitem { .autocomplete-richlistitem {
&:hover { &:not([disabled="true"]):not([selected]):hover {
background-color: var(--arrowpanel-dimmed); background-color: var(--arrowpanel-dimmed);
} }

6
toolkit/themes/osx/global/autocomplete.css
View file

@ -78,3 +78,9 @@ panel[type="autocomplete-richlistbox"] {
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
} }
/* On Mac, the autocomplete panel changes color in system dark mode. We need
to change the contrast on warning-background-color accordingly. */
#PopupAutoComplete > richlistbox > richlistitem {
--status-background-color: light-dark(rgba(248,232,28,.2), rgba(248,232,28,.6)) !important;
}