Opened 3 days ago
Last modified 8 hours ago
#36850 assigned Bug
Django Admin filter sidebar wraps if it's inner content becomes to large — at Initial Version
| Reported by: | Mark | Owned by: | |
|---|---|---|---|
| Component: | contrib.admin | Version: | 6.0 |
| Severity: | Release blocker | Keywords: | css |
| Cc: | Antoliny | Triage Stage: | Accepted |
| Has patch: | no | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | no |
| Easy pickings: | no | UI/UX: | yes |
Description
In the course of ticket #36511 the layout of the changelist and it's filter sidebar has been changed so that the sidebar seemling should have a fixed width of 240px.
The flex-base property does in this case not restrict the width of the sidebar if it's content demands more (which happens eg. for dropdowns with large titles). Combined with the flex: wrap attribute, the sidebar wraps if the table also demands more width than available and looks broken (see attachment).
This behavior can be simulated by giving a sidebar's and changelist's children some fixed, large width:
#changelist-filter-extra-actions {
width: 290px;
}
#toolbar {
width: 1000px;
}
The problem could be resolved by reverting to the previous flex layout but the motivation for those changes is unclear to me from the ticket and related pr.
