fix for #981

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

@@ -187,6 +187,19 @@ $(function() {
         $(".load-more .row").isotope( "appended", $(data), null );
     });
 
+    // fix for infinite scroll on CaliBlur Theme (#981)
+    if ($(".load-more .row").length && $("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')+1)
+            }
+        });
+    }
+
     $("#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>