#31986: Django Admin filter sidebar does not scroll.
---------------------------------+------------------------------------
     Reporter:  haki             |                    Owner:  007
         Type:  Bug              |                   Status:  assigned
    Component:  contrib.admin    |                  Version:  3.1
     Severity:  Release blocker  |               Resolution:
     Keywords:                   |             Triage Stage:  Accepted
    Has patch:  1                |      Needs documentation:  0
  Needs tests:  0                |  Patch needs improvement:  0
Easy pickings:  0                |                    UI/UX:  0
---------------------------------+------------------------------------

Comment (by john-parton):

 Here's a really quick and dirty fix. It requires the browser to support
 CSS grids.


 {{{
 {% extends "admin/base_site.html" %}

 {% block extrahead %}
   {{ block.super }}

   <style>
     @media (min-width: 768px) {
       #changelist {
         display: grid;
         grid-template-columns: 1fr 240px;
         grid-template-rows: auto auto 1fr;
         grid-column-gap: 40px;
         grid-row-gap: 0px;
       }

       #changelist > * {
         grid-column-start: 1;
         grid-column-end: 1;
         margin-right: 0 !important; /* hax :( */
       }

       #changelist-form > * {
         margin-right: 0 !important; /* more hax :( */
       }

       #changelist #changelist-filter {
         position: relative;
         grid-area: 1 / 2 / 4 / 3;
       }
     }
   </style>

 {% endblock %}-
 }}}

 The wildcard patterns are to reset margins.

-- 
Ticket URL: <https://code.djangoproject.com/ticket/31986#comment:4>
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 on the web visit 
https://groups.google.com/d/msgid/django-updates/062.d33bfe13cfc1456101b066bf4ad93b1c%40djangoproject.com.

Reply via email to