From 007ac17ae90b62be68745969d7695a344eb1473c Mon Sep 17 00:00:00 2001 From: AIC BV <89913092+AIC-BV@users.noreply.github.com> Date: Tue, 10 Oct 2023 11:03:09 +0200 Subject: [PATCH 1/2] Make sure image is not stretched --- .../fileupload/assets/less/fileupload.imagemulti.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less b/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less index 79c2eb32e7..734b8b87d1 100644 --- a/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less +++ b/modules/backend/formwidgets/fileupload/assets/less/fileupload.imagemulti.less @@ -45,7 +45,9 @@ &.image img { .border-left-radius(3px); - width: auto; + width: 100%; + height: 100%; + object-fit: cover; } } @@ -131,4 +133,4 @@ width: auto; } } -} \ No newline at end of file +} From baf5a04e8161c3d7c1f69e72e483274a170bc32f Mon Sep 17 00:00:00 2001 From: AIC BV <89913092+AIC-BV@users.noreply.github.com> Date: Tue, 10 Oct 2023 11:06:13 +0200 Subject: [PATCH 2/2] Compile fileupload.less --- .../backend/formwidgets/fileupload/assets/css/fileupload.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css index 2fc811c4e5..e9da8b4b11 100644 --- a/modules/backend/formwidgets/fileupload/assets/css/fileupload.css +++ b/modules/backend/formwidgets/fileupload/assets/css/fileupload.css @@ -65,7 +65,7 @@ .field-fileupload.style-image-multi .upload-object .progress-bar .upload-progress{float:left;width:0%;height:100%;line-height:5px;color:#fff;background-color:#5fb6f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width 0.6s ease;transition:width 0.6s ease} .field-fileupload.style-image-multi .upload-object .icon-container{border-right:1px solid #f6f8f9;float:left;display:inline-block;overflow:hidden;width:75px;height:75px} .field-fileupload.style-image-multi .upload-object .icon-container i{font-size:35px} -.field-fileupload.style-image-multi .upload-object .icon-container.image img{border-bottom-left-radius:3px;border-top-left-radius:3px;width:auto} +.field-fileupload.style-image-multi .upload-object .icon-container.image img{border-bottom-left-radius:3px;border-top-left-radius:3px;width:100%;height:100%;object-fit:cover} .field-fileupload.style-image-multi .upload-object .info{margin-left:90px} .field-fileupload.style-image-multi .upload-object .info h4{padding-right:15px} .field-fileupload.style-image-multi .upload-object .info h4 a{right:15px} @@ -154,4 +154,4 @@ .field-fileupload.style-file-single .upload-object .meta{position:absolute;top:50%;margin-top:-44px;height:88px;right:0;width:15%} .field-fileupload.style-file-single .upload-object .meta .upload-remove-button{position:absolute;top:50%;right:0;height:20px;margin-top:-10px;margin-right:10px;z-index:100} .field-fileupload.style-file-single .upload-object .icon-container:after{width:20px;height:20px;margin-top:-10px;margin-left:-10px;background-size:20px 20px} -.field-fileupload.style-file-single .upload-object.is-error .icon-container:after{font-size:20px} \ No newline at end of file +.field-fileupload.style-file-single .upload-object.is-error .icon-container:after{font-size:20px}