app/assets/javascripts/numbered_pagination.js

   1 (function () {
   2   $(document).on("click", "a[href='#versions-navigation-active-page-item']", function (e) {
   3     $(document).trigger("numbered_pagination:center");
   4     $("#versions-navigation-active-page-item a.page-link").trigger("focus");
   5     e.preventDefault();
   6   });
   7
   8   $(document).on("numbered_pagination:center", function () {
   9     const [scrollableList] = $("#versions-navigation-list-middle");
  10
  11     if (!scrollableList) return;
  12
  13     const [activeStartItem] = $("#versions-navigation-list-start #versions-navigation-active-page-item");
  14     const [activeScrollableItem] = $("#versions-navigation-list-middle #versions-navigation-active-page-item");
  15
  16     if (activeStartItem) {
  17       scrollableList.scrollLeft = 0;
  18     } else if (activeScrollableItem) {
  19       scrollableList.scrollLeft = Math.round(activeScrollableItem.offsetLeft - (scrollableList.offsetWidth / 2) + (activeScrollableItem.offsetWidth / 2));
  20     } else {
  21       scrollableList.scrollLeft = scrollableList.scrollWidth - scrollableList.offsetWidth;
  22     }
  23   });
  24 }());