Fix admin date/time picker popup width#485
Conversation
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## main #485 +/- ##
=======================================
Coverage 97.48% 97.48%
=======================================
Files 40 40
Lines 438 438
=======================================
Hits 427 427
Misses 11 11
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Harness. 🚀 New features to boost your workflow:
|
There was a problem hiding this comment.
Pull request overview
This PR fixes a UI regression in django-admin-interface where the Django admin date/time picker popups (calendar and clock) were expanding to full width due to the project’s global .admin-interface .module { width: 100%; } styling. It does so by adding widget-specific width overrides while leaving the generic module layout unchanged.
Changes:
- Add
.admin-interface .calendarbox { width: 19em; }to restore the Django default calendar popup width. - Add
.admin-interface .clockbox { width: auto; }to prevent the clock popup from inheriting full module width.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Fixes #469.
django-admin-interface applies width: 100% to .admin-interface .module. Django admin date/time picker popups are rendered as .calendarbox.module and .clockbox.module, so they inherit full module width and can expand across the page.
This adds widget-specific CSS rules to restore the default Django admin popup widths:
The generic module layout remains unchanged.