Forum

Thread tagged as: Problem, Suggestions

More than 5 items in assets uploader

There's room for 5 items horizontally when uploading an asset. When more than that are added they go on to the next line, but the second line isn't properly visible. It would be cool to be able to see the progress bars on this second line of items. This fixes the overflow problem

div.asset-drop.dropzone.open {
  overflow-y: auto;
}

Though you'd have to adjust the styling of .asset-drop form as the images overlap the bottom border: remove bottom: 20px; and make the bottom margin 20px, rather than 0px as it is at the moment.

Quick win! Could be worth bundling with the next release of Perch.
Martin Underhill

Martin Underhill 5 points

  • 7 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

7 years ago

I think we'd prefer to avoid yet another embedded scrolling panel within the panel within the panel within the page :)
Martin Underhill

Martin Underhill 5 points

7 years ago

Actually, I forgot I can add custom UI to perch/addons/plugins/ui/custom_control_panel.css so I've added this:

.asset-drop.open {
  overflow-y: auto;
}

.asset-drop form {
  min-height: 180px;
  bottom: auto;
  margin-bottom: 20px;
}

Works a treat :)
Martin Underhill

Martin Underhill 5 points

7 years ago

Haha fair enough. It's more that my client's uploading big assets (upwards of 1GB) and they want to check the status of each. Bit of an edge case as images, etc. are uploaded and the asset drop panel closed in seconds.
Drew McLellan

Drew McLellan 2638 points
Perch Support

7 years ago

Yes, I'll see if I can come up with a solution.