#36850: Django Admin filter sidebar wraps if it's inner content becomes too 
large
-------------------------------+--------------------------------------
     Reporter:  Mark           |                    Owner:  (none)
         Type:  Bug            |                   Status:  new
    Component:  contrib.admin  |                  Version:  6.0
     Severity:  Normal         |               Resolution:
     Keywords:  css            |             Triage Stage:  Unreviewed
    Has patch:  0              |      Needs documentation:  0
  Needs tests:  0              |  Patch needs improvement:  0
Easy pickings:  0              |                    UI/UX:  1
-------------------------------+--------------------------------------
Description changed by Mark:

Old description:

> 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].

New description:

 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].

 Should the width of the sidebar stick to 240px or - at it has been before
 - should the sidebar grow if necessary?

 Are there any advantages to the current flex layout?

--
-- 
Ticket URL: <https://code.djangoproject.com/ticket/36850#comment:2>
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/0107019b98d60ba6-7872532a-5238-4cd3-8654-ed04cdd90186-000000%40eu-central-1.amazonses.com.

Reply via email to