aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--javascript/progressbar.js14
-rw-r--r--style.css1
2 files changed, 8 insertions, 7 deletions
diff --git a/javascript/progressbar.js b/javascript/progressbar.js
index b7524ef7..8f22c018 100644
--- a/javascript/progressbar.js
+++ b/javascript/progressbar.js
@@ -184,15 +184,15 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
if(res.live_preview){
+
+ var rect = gallery.getBoundingClientRect()
+ if(rect.width){
+ livePreview.style.width = rect.width + "px"
+ livePreview.style.height = rect.height + "px"
+ }
+
var img = new Image();
img.onload = function() {
- var rect = gallery.getBoundingClientRect()
- if(rect.width){
- livePreview.style.width = rect.width + "px"
- livePreview.style.height = rect.height + "px"
- }
-
- livePreview.innerHTML = ''
livePreview.appendChild(img)
if(livePreview.childElementCount > 2){
livePreview.removeChild(livePreview.firstElementChild)
diff --git a/style.css b/style.css
index 786b71d1..5bf1c6f9 100644
--- a/style.css
+++ b/style.css
@@ -338,6 +338,7 @@ input[type="range"]{
}
.livePreview img{
+ position: absolute;
object-fit: contain;
width: 100%;
height: 100%;