search

emencia / django-blog-lotus

A weblog application with Django.
https://django-blog-lotus.readthedocs.io/
MIT License
5 stars 1 forks source link

Fix responsive in sandbox #37

Closed sveetch closed 1 year ago

sveetch commented 2 years ago

Describe the bug Sandbox layout has been quickly done and ignored responsive, result is that sandbox layout is a little broke in mobile resolutions.

This happen almost everywhere, not everything is broken but almost all page have problems like detail image too wide, grid list missing responsive classes, etc..

Environment Describe your environment:

To Reproduce Steps to reproduce the behavior:

  1. Browse anywhere on lotus pages;
  2. Turn the browser in responsive mode (like with CTRL + SHIFT + m)
  3. Set the width to something between 320px and 800px (it happen on larger resolutions too but this is less visible);
  4. Layout is broken

Expected behavior Sandbox layout should be fully responsive.

We could just use the right responsive classes on grid everywhere and enable a default responsive behavior for image maximum width (since Bootstrap avoid it).

sveetch commented 2 years ago

Also the sandbox is probably missing the basic bootstrap JS because collapse toggler does not work at all.

sveetch commented 1 year ago

This is done and coming with the 0.5.0-pre.7