#36850: Django Admin filter sidebar wraps if it's inner content becomes to large
----------------------+-----------------------------------------
     Reporter:  Mark  |                     Type:  Bug
       Status:  new   |                Component:  contrib.admin
      Version:  6.0   |                 Severity:  Normal
     Keywords:  css   |             Triage Stage:  Unreviewed
    Has patch:  0     |      Needs documentation:  0
  Needs tests:  0     |  Patch needs improvement:  0
Easy pickings:  0     |                    UI/UX:  1
----------------------+-----------------------------------------
 In the course of ticket [https://code.djangoproject.com/ticket/36511
 #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
 [https://github.com/django/django/pull/19659 related pr].
-- 
Ticket URL: <https://code.djangoproject.com/ticket/36850>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.

-- 
You received this message because you are subscribed to the Google Groups 
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion visit 
https://groups.google.com/d/msgid/django-updates/0107019b98d16f1b-f6811767-fe64-4e22-bcaa-f51b2d8a00d1-000000%40eu-central-1.amazonses.com.

Reply via email to