From 7587469480fd5d85c42545bd929b6db78c77844d Mon Sep 17 00:00:00 2001
From: ferferga <ferferga.fer@gmail.com>
Date: Mon, 25 May 2020 18:31:51 +0200
Subject: [PATCH] Improve decoding speed

---
 src/components/images/imageLoader.js | 7 ++++---
 src/components/images/style.css      | 5 +++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/images/imageLoader.js b/src/components/images/imageLoader.js
index 8c7eacc8b..f9cbb33c6 100644
--- a/src/components/images/imageLoader.js
+++ b/src/components/images/imageLoader.js
@@ -39,8 +39,10 @@ import 'css!./style';
             let blurhashstr = target.getAttribute('data-blurhash');
             if (blurhash.isBlurhashValid(blurhashstr) && target.getElementsByClassName('blurhash-canvas').length === 0) {
                 console.log('Blurhashing item ' + target.parentElement.parentElement.parentElement.getAttribute('data-index') + ' with intersection ratio ' + entry.intersectionRatio);
-                let width = target.offsetWidth;
-                let height = target.offsetHeight;
+                // let width = target.offsetWidth;
+                // let height = target.offsetHeight;
+                let width = 18;
+                let height = 18;
                 if (width && height) {
                     let pixels;
                     try {
@@ -49,7 +51,6 @@ import 'css!./style';
                         console.log('Blurhash decode error: ' + err.toString());
                         return;
                     }
-
                     let canvas = document.createElement('canvas');
                     canvas.width = width;
                     canvas.height = height;
diff --git a/src/components/images/style.css b/src/components/images/style.css
index d186b1042..afd7e004e 100644
--- a/src/components/images/style.css
+++ b/src/components/images/style.css
@@ -7,11 +7,12 @@
 }
 
 .blurhash-canvas {
-    align-items: stretch;
     position: absolute;
     top: 0;
+    right: 0;
+    bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: -1000;
+    z-index: 100;
 }