From 5789d0242f97cfdfa1a2e2c68761e4f819ca7b61 Mon Sep 17 00:00:00 2001 From: Samuel Georges Date: Fri, 25 Mar 2016 18:21:21 +1100 Subject: [PATCH] Fixes single image uploader breaking with comment Comment appears to the right of the uploader, should be under it --- .../backend/formwidgets/fileupload/assets/css/fileupload.css | 4 ++-- .../formwidgets/fileupload/assets/less/fileupload.base.less | 1 - .../fileupload/assets/less/fileupload.imagemulti.less | 1 + 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css index fe1f2f7ff..e5da2f938 100644 --- a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css +++ b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css @@ -39,7 +39,7 @@ .fileupload-config-form .file-upload-modal-image-header,.fileupload-config-form .file-upload-modal-image-header img{border-top-right-radius:2px;border-top-left-radius:2px} .fileupload-config-form .file-upload-modal-image-header .close{position:absolute;top:20px;right:20px} .field-fileupload.style-image-multi .upload-button,.field-fileupload.style-image-multi .upload-object{margin:0 10px 10px 0} -.field-fileupload.style-image-multi .upload-button{display:block;float:left;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;width:76px;height:76px} +.field-fileupload.style-image-multi .upload-button{display:block;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;float:left;width:76px;height:76px} .field-fileupload.style-image-multi .upload-button .upload-button-icon{position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px} .field-fileupload.style-image-multi .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7} .field-fileupload.style-image-multi .upload-button .upload-button-icon.large-icon{width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px} @@ -75,7 +75,7 @@ .field-fileupload.style-image-multi .upload-object{margin-right:0;display:block;width:auto} } .field-fileupload.style-image-single.is-populated .upload-button{display:none} -.field-fileupload.style-image-single .upload-button{display:block;float:left;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;min-height:100px;min-width:100px} +.field-fileupload.style-image-single .upload-button{display:block;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;min-height:100px;min-width:100px} .field-fileupload.style-image-single .upload-button .upload-button-icon{position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px} .field-fileupload.style-image-single .upload-button .upload-button-icon:before{text-align:center;display:block;font-size:22px;height:22px;width:22px;line-height:22px;color:#BDC3C7} .field-fileupload.style-image-single .upload-button .upload-button-icon.large-icon{width:34px;height:34px;top:50%;left:50%;margin-top:-17px;margin-left:-17px} diff --git a/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less b/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less index 02ef49db3..d734ab66a 100644 --- a/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less +++ b/modules/backend/formwidgets/fileupload/assets/less/fileupload.base.less @@ -37,7 +37,6 @@ .uploader-block-button() { display: block; - float: left; border: 2px dashed #BDC3C7; background-clip: content-box; background-color: #F9F9F9; diff --git a/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less b/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less index c38dbaea3..58afc4540 100644 --- a/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less +++ b/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less @@ -10,6 +10,7 @@ .upload-button { .uploader-block-button(); + float: left; width: 76px; height: 76px; }