Skip to content

Fix admin date/time picker popup width#485

Open
izilic333 wants to merge 1 commit into
fabiocaccamo:mainfrom
izilic333:fix-calendar-clockbox-width
Open

Fix admin date/time picker popup width#485
izilic333 wants to merge 1 commit into
fabiocaccamo:mainfrom
izilic333:fix-calendar-clockbox-width

Conversation

@izilic333

Copy link
Copy Markdown

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:

  • .calendarbox -> 19em
  • .clockbox -> auto

The generic module layout remains unchanged.

@codecov

codecov Bot commented May 6, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.48%. Comparing base (f8885b0) to head (9e5c025).
⚠️ Report is 1 commits behind head on main.

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           
Flag Coverage Δ
unittests 97.48% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Calendar full width on 0.32.0

2 participants