Fix thumbnail size in HTML before rendering to avoid page jumps

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}}"
+                     width="{{@root.gallery.thumbSize}}"
-                     height="{{../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}}"
+                     width="{{@root.gallery.thumbSize}}"
-                     height="{{../gallery.thumbSize}}"
+                     height="{{@root.gallery.thumbSize}}"
                      alt="{{filename}}" />
              </a>
             </li>

templates/themes/classic/theme.hbs

@@ -40,8 +40,8 @@
          data-download-url="{{urls.download}}">
        <a href="{{urls.download}}">
          <img src="{{urls.thumb}}"
-              width="{{size}}"
+              width="{{@root.gallery.thumbSize}}"
-              height="{{size}}"
+              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}}"
+              width="{{@root.gallery.thumbSize}}"
-              height="{{size}}"
+              height="{{@root.gallery.thumbSize}}"
               alt="{{name}}" />
       </a>
      </li>

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}}"
+                   width="{{@root.gallery.thumbSize}}"
-                   height="{{../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}}"
+                   width="{{@root.gallery.thumbSize}}"
-                   height="{{../gallery.thumbSize}}"
+                   height="{{@root.gallery.thumbSize}}"
                    alt="{{filename}}" />
            </a>
           </li>