Move the matchHeight call from lazy loading to image loading.

Signed-off-by: Roberto Rosario <roberto.rosario.gonzalez@gmail.com>

HISTORY.rst

@@ -145,6 +145,8 @@
 - Fix an egde case on the document indexing where an empty
   node could be left behind.
 - Improve the speed of the document indexing.
+- Move the matchHeight call from lazy loading to image loading.
+  Reduces the chance of wrongly sized cards.
 
 3.0.3 (2018-08-17)
 ==================

docs/releases/3.1.rst

@@ -361,6 +361,8 @@ classes beyond the provide line chart.
 - Fix an egde case on the document indexing where an empty
   node could be left behind.
 - Improve the speed of the document indexing.
+- Move the matchHeight call from lazy loading to image loading.
+  Reduces the chance of wrongly sized cards.
 
 Removals
 --------

mayan/apps/appearance/static/appearance/js/mayan_image.js

@@ -45,6 +45,8 @@ class MayanImage {
             $(this).fadeIn(300);
             $(this).siblings('.spinner-container').remove();
             $(this).removeClass('lazy-load pull-left');
+            clearTimeout(MayanImage.timer);
+            MayanImage.timer = setTimeout(MayanImage.timerFunction, 100);
         });
 
         $('.lazy-load-carousel').on('load', function() {
@@ -70,9 +72,6 @@ class MayanImage {
 
         this.element.attr('src', this.element.attr('data-url'));
         $.fn.matchHeight._maintainScroll = true;
-
-        clearTimeout(MayanImage.timer);
-        MayanImage.timer = setTimeout(MayanImage.timerFunction, 100);
     };
 }