#36513: Background color for admin's m2m multi-select "selected" rows is broken
in
Edge
-------------------------------+--------------------------------------
Reporter: cjs59 | Owner: (none)
Type: Bug | Status: new
Component: Uncategorized | Version: 5.2
Severity: Normal | Resolution:
Keywords: | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 0 | UI/UX: 0
-------------------------------+--------------------------------------
Description changed by cjs59:
Old description:
> The change in https://code.djangoproject.com/ticket/35809 has made the
> selected item hard to read in Microsoft Edge, as it displays as white
> text on a yellow background when the m2m widget is not in focus. Chrome
> and Firefox both display it as black text on a yellow background. When
> the user clicks on the m2m widget, it changes to use the browser's built-
> in colours: white text on dark grey for Edge, and white text on blue for
> Chrome/Firefox.
>
> I am attaching screenshots to show the focused and unfocused colours in
> both Edge and Chrome.
>
> Adding the following to a custom CSS file fixes Edge so the unfocused
> widget renders the same as in Chrome:
>
> form .aligned select option:checked {
> color: var(--body-fg);
> }
New description:
The change in https://code.djangoproject.com/ticket/35809 has made the
selected item hard to read in Microsoft Edge, as it displays as white text
on a yellow background when the m2m widget is not in focus. Chrome and
Firefox both display it as black text on a yellow background. When the
user clicks on the m2m widget, it changes to use the browser's built-in
colours: white text on dark grey for Edge, and white text on blue for
Chrome/Firefox.
I am attaching screenshots to show the focused and unfocused colours in
both Edge and Chrome.
Adding the following to a custom CSS file fixes Edge so the unfocused
widget renders the same as in Chrome:
{{{
form .aligned select option:checked {
color: var(--body-fg);
}
}}}
--
--
Ticket URL: <https://code.djangoproject.com/ticket/36513#comment:1>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to django-updates+unsubscr...@googlegroups.com.
To view this discussion visit
https://groups.google.com/d/msgid/django-updates/0107019828946019-b77d4223-6a97-42a3-b40d-0cce563873c0-000000%40eu-central-1.amazonses.com.
