Fixed timeline bottom

Sitecore · Mar 25, 2024 · a9c145d · a9c145d
1 parent f0a8cd8
commit a9c145d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.es5.js b/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.es5.js
@@ -10,7 +10,7 @@ function timelineEventsHeightRecalculation($timeline, reset) {
             if (reset) {
                 $e.css("height", "");
             } else {
-                if (i % 3 === 0) {
+                if (i % 3 === 0 && $e.next().length > 0) {
                     $e.height(50);
                 } else if (i % 3 === 1) {
                     var prevCard = $prev.children(".card").height();
@@ -91,6 +91,7 @@ $(document).ready(function () {
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 2000);
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 3000);
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 5000);
+        setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 10000);
 
         $window.on("resize", function () {
             timelineEventsHeightRecalculation($timeline, $window.width() < 576);

diff --git a/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.es5.min.js b/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.es5.min.js
diff --git a/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.js b/src/Project/MvpSite/rendering/wwwroot/js/mvp-site.js
@@ -9,7 +9,7 @@
                 $e.css("height", "");
             }
             else {                
-                if (i % 3 === 0) {
+                if (i % 3 === 0 && $e.next().length > 0) {
                     $e.height(50);
                 }
                 else if (i % 3 === 1) {
@@ -90,6 +90,7 @@ $(document).ready(function () {
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 2000);
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 3000);
         setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 5000);
+        setTimeout(timelineEventsHeightRecalculation($timeline, $window.width() < 576), 10000);
 
         $window.on("resize", function () {
             timelineEventsHeightRecalculation($timeline, $window.width() < 576);