Fixed #36513 -- M2M multi-select background color. #19674
Conversation
There was a problem hiding this comment.
Hello! Thank you for your contribution 💪
As it's your first contribution be sure to check out the patch review checklist.
If you're fixing a ticket from Trac make sure to set the "Has patch" flag and include a link to this PR in the ticket!
If you have any design or process questions then you can ask in the Django forum.
Welcome aboard ⛵️!
| background-color: var(--selected-row); | ||
| background-color: var(--body-fg); |
There was a problem hiding this comment.
The issue is resolved in the Edge browser with the applied color for the selected option, but the same issue occurs in other browsers.
For reference, the color you selected causes an issue as a foreground color.
Edge
Firefox
There was a problem hiding this comment.
I think if we can make the text color consistent between browsers, that would be better than chosing a new background color 👍
@forrrestr I recommend you add screenshots to your PR (as stated in the PR description) to make this easier to review 👍
There was a problem hiding this comment.
Thank you for picking up this ticket @forrrestr ⭐️.
In my opinion, it might be better to fix the issue by explicitly setting the text color with CSS.
like this...
index 307d9e9d86..ec213e1004 100644
--- a/django/contrib/admin/static/admin/css/forms.css
+++ b/django/contrib/admin/static/admin/css/forms.css
@@ -170,7 +170,8 @@ form .aligned select + div.help {
}
form .aligned select option:checked {
- background-color: var(--body-fg);
+ background-color: var(--selected-row);
+ color: var(--body-fg);
}It may also be a good idea to include a visual regression test.
|
It seems the ticket link in the main text is incorrect. |
|
|
||
| * Fixed Background color for admin's m2m multi-select "selected" rows in Edge | ||
| (:ticket: `36513`) |
There was a problem hiding this comment.
| * Fixed Background color for admin's m2m multi-select "selected" rows in Edge | |
| (:ticket: `36513`) |
As this is not a release blocker, we do not need a release note in Django 5.2.5
Trac ticket number
ticket-36513
Branch description
Updated the background color of M2M multi-select to be more visible in Edge.
Checklist
mainbranch.