From e414ad7a74a675de1b53e5f74a5cc0b8aeec3dc0 Mon Sep 17 00:00:00 2001
From: Romain <choicesmade@gmail.com>
Date: Tue, 15 Nov 2016 09:39:57 +1100
Subject: [PATCH] Fix thumbnail size in HTML before rendering to avoid page
 jumps

---
 templates/themes/cards/theme.hbs   | 8 ++++----
 templates/themes/classic/theme.hbs | 8 ++++----
 templates/themes/mosaic/theme.hbs  | 8 ++++----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/templates/themes/cards/theme.hbs b/templates/themes/cards/theme.hbs
index efc9755..ce8797c 100644
--- a/templates/themes/cards/theme.hbs
+++ b/templates/themes/cards/theme.hbs
@@ -62,8 +62,8 @@
                 data-download-url="{{{download this}}}">
               <a href="{{{download this}}}">
                 <img src="{{urls.thumb}}"
-                     width="{{../gallery.thumbsSize}}"
-                     height="{{../gallery.thumbSize}}"
+                     width="{{@root.gallery.thumbSize}}"
+                     height="{{@root.gallery.thumbSize}}"
                      alt="{{filename}}" />
               </a>
               <img class="video-overlay" src="public/play.png" />
@@ -74,8 +74,8 @@
                 data-download-url="{{{download this}}}">
               <a href="{{{download this}}}">
                 <img src="{{urls.thumb}}"
-                     width="{{../gallery.thumbSize}}"
-                     height="{{../gallery.thumbSize}}"
+                     width="{{@root.gallery.thumbSize}}"
+                     height="{{@root.gallery.thumbSize}}"
                      alt="{{filename}}" />
              </a>
             </li>
diff --git a/templates/themes/classic/theme.hbs b/templates/themes/classic/theme.hbs
index 93f963d..d632161 100644
--- a/templates/themes/classic/theme.hbs
+++ b/templates/themes/classic/theme.hbs
@@ -40,8 +40,8 @@
          data-download-url="{{urls.download}}">
        <a href="{{urls.download}}">
          <img src="{{urls.thumb}}"
-              width="{{size}}"
-              height="{{size}}"
+              width="{{@root.gallery.thumbSize}}"
+              height="{{@root.gallery.thumbSize}}"
               alt="{{name}}" />
        </a>
        <img class="video-overlay" src="public/play.png" />
@@ -52,8 +52,8 @@
          data-download-url="{{urls.download}}">
        <a href="{{urls.download}}">
          <img src="{{urls.thumb}}"
-              width="{{size}}"
-              height="{{size}}"
+              width="{{@root.gallery.thumbSize}}"
+              height="{{@root.gallery.thumbSize}}"
               alt="{{name}}" />
       </a>
      </li>
diff --git a/templates/themes/mosaic/theme.hbs b/templates/themes/mosaic/theme.hbs
index a3dd97d..0a0e579 100644
--- a/templates/themes/mosaic/theme.hbs
+++ b/templates/themes/mosaic/theme.hbs
@@ -58,8 +58,8 @@
               data-download-url="{{{download this}}}">
             <a href="{{{download this}}}">
               <img src="{{urls.thumb}}"
-                   width="{{../gallery.thumbsSize}}"
-                   height="{{../gallery.thumbSize}}"
+                   width="{{@root.gallery.thumbSize}}"
+                   height="{{@root.gallery.thumbSize}}"
                    alt="{{filename}}" />
             </a>
             <img class="video-overlay" src="public/play.png" />
@@ -70,8 +70,8 @@
               data-download-url="{{{download this}}}">
             <a href="{{{download this}}}">
               <img src="{{urls.thumb}}"
-                   width="{{../gallery.thumbSize}}"
-                   height="{{../gallery.thumbSize}}"
+                   width="{{@root.gallery.thumbSize}}"
+                   height="{{@root.gallery.thumbSize}}"
                    alt="{{filename}}" />
            </a>
           </li>