Merge remote-tracking branch 'caliblur/issue/caliblur-981' into master

cps/static/css/caliBlur.css

@@ -637,7 +637,7 @@ div[aria-label="Edit/Delete book"] > .btn > span:hover {
     color: var(--color-primary)
 }
 
-.book {
+/* .book {
     width: 225px;
     max-width: 225px;
     position: relative !important;
@@ -648,7 +648,7 @@ div[aria-label="Edit/Delete book"] > .btn > span:hover {
     transform: none !important;
     min-width: 225px;
     display: block
-}
+} */
 
 #infscr-loading img, body > div.container-fluid > div > div.col-sm-10 > div.discover > div.isotope:after, body > div.container-fluid > div > div.col-sm-10 > div.discover > div.isotope:before {
     display: none

cps/static/js/main.js

@@ -172,7 +172,7 @@ $(function() {
         layoutMode : "fitColumns"
     });
 
-
+    if ($(".load-more").length && $(".next").length) {
         var $loadMore = $(".load-more .row").infiniteScroll({
             debug: false,
             // selector for the paged navigation (it will be hidden)
@@ -183,10 +183,26 @@ $(function() {
             //extraScrollPx: 300
         });
         $loadMore.on( "append.infiniteScroll", function( event, response, path, data ) {
-        $(".pagination").addClass("hidden");
+            if ($("body").hasClass("blur")) {
+                $(".pagination").addClass("hidden").html(() => $(response).find(".pagination").html());
+            }
             $(".load-more .row").isotope( "appended", $(data), null );
         });
     
+        // fix for infinite scroll on CaliBlur Theme (#981)
+        if ($("body").hasClass("blur")) {
+            $(".col-sm-10").bind("scroll", function () {
+                if (
+                    $(this).scrollTop() + $(this).innerHeight() >=
+                    $(this)[0].scrollHeight
+                ) {
+                    $loadMore.infiniteScroll("loadNextPage");
+                    window.history.replaceState({}, null, $loadMore.infiniteScroll("getAbsolutePath"));
+                }
+            });
+        }
+    }
+
     $("#restart").click(function() {
         $.ajax({
             dataType: "json",

cps/templates/layout.html

@@ -166,7 +166,7 @@
               {% endif %}
             {% endfor %}
             {% if pagination.has_next %}
-              <li class="page-item page-next"><a class="page-link" aria-label="next page" href="{{ (pagination.page + 1)|url_for_other_page
+              <li class="page-item page-next"><a class="page-link next" aria-label="next page" href="{{ (pagination.page + 1)|url_for_other_page
                 }}">{{_('Next')}} &raquo;</a></li>
             {% endif %}
             </div>