Dropzone 'mobile' CSS issues in size-constrained containers

[Bartvds]

The upload widget with the dropzone has a check on the width of the element and then toggles a mobile CSS class. This CSS doesn't work well with TabularInline's (used in the admin).

It seems that the widget in this mobile mode adds vertical space, but the way it is implemented does nothing good for TabularInlines (the content gets pushed around or breaks the box):

Also the dropzone is widget very large and doesn't fit in compact layouts (like TabularInlines with multiple fields, or custom templates, popups etc).

In our old app we have the old filer widget that was so much smaller and worked well besides other fields:

---

---

[benzkji]

I second this. It also does not initialize correctly when in a newly added inline (added with "add more"), but that's another issue...

[tdsymonds]

I had the same issue and have updated the styling to resolve it. I've added as pull request #908 that's pending approval, so hopefully it should be resolved in a future release.

With my changes it now looks like:

Or with djangocms-admin-style:

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[benzkji]

could be closed, I guess.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This will now be closed due to inactivity, but feel free to reopen it.