Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed #35924 - Removed choose/remove all controls used in FilteredSelectMultiple widget #18927

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

ajosephau
Copy link
Contributor

@ajosephau ajosephau commented Dec 13, 2024

Trac ticket number

ticket-35924

Branch description

Rremoved CSS class references for choose/remove all controls used in FilteredSelectMultiple widget

Screenshot 2024-12-13 at 03 31 54
Screenshot 2024-12-13 at 03 32 06
Screenshot 2024-12-13 at 03 32 23
Screenshot 2024-12-13 at 03 32 30

Checklist

  • This PR targets the main branch.
  • The commit message is written in past tense, mentions the ticket number, and ends with a period.
  • I have checked the "Has patch" ticket flag in the Trac system.
  • I have added or updated relevant tests.
  • I have added or updated relevant docs, including release notes if applicable.
  • I have attached screenshots in both light and dark modes for any UI changes.

@sarahboyce sarahboyce added selenium Apply to have Selenium tests run on a PR screenshots 🖼️ labels Dec 16, 2024
Copy link
Contributor

@sarahboyce sarahboyce left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @ajosephau

I think we should also tweak the css of these buttons to be a bit more like a button

--- a/django/contrib/admin/static/admin/css/widgets.css
+++ b/django/contrib/admin/static/admin/css/widgets.css
@@ -157,16 +157,16 @@
 
 .selector-chooseall, .selector-clearall {
     display: inline-block;
-    height: 16px;
     text-align: left;
+    padding: 4px 5px;
     margin: 0 auto;
     overflow: hidden;
     font-weight: bold;
-    line-height: 16px;
     color: var(--body-quiet-color);
     text-decoration: none;
     opacity: 0.55;
     border: none;
+    border-radius: 4px;
 }

These changes makes it look like this:
updated choose all button will padding and border radius

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
screenshots 🖼️ selenium Apply to have Selenium tests run on a PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants