search

plone / Products.CMFPlone

The core of the Plone content management system
https://plone.org
GNU General Public License v2.0
249 stars 189 forks source link

Visual overlap in editor upload dialog #2814

Open zopyx opened 5 years ago

zopyx commented 5 years ago

Plone 5.2rc1 screenshot-www plone-demo info-2019 03 23-14-03-43

espenmn commented 5 years ago

The button does not fit into the space it has been given. It comes from plone resource-editor (I find the same code in mosaic)

I am not a big fan of using (bootstrap) col-x for this, but it can be fixed by changing to something like the below . Another option would be to just remove the padding on the button:

<div class="row item form-inline">\n <div class="col-md-2 action">\n <button\n type="button"\n class="btn btn-danger btn-xs remove-item"\n data-dz-remove=""\n href="javascript:undefined;">\n <span class="glyphicon glyphicon-remove"></span>\n </button>\n </div>\n <div class="col-md-7 title">\n <div class="dz-preview">\n <div class="dz-details">\n <div class="dz-filename"><span data-dz-name></span></div>\n </div>\n <div class="dz-error-message"><span data-dz-errormessage></span></div>\n </div>\n <div class="dz-progress">\n <span class="dz-upload" data-dz-uploadprogress></span>\n </div>\n </div>\n <div class="col-md-3 info">\n <div class="dz-size" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n</div>\n';});