diff --git a/assets/scripts/features/embedpdf/index.js b/assets/scripts/features/embedpdf/index.js index b8146fd..b372e0c 100644 --- a/assets/scripts/features/embedpdf/index.js +++ b/assets/scripts/features/embedpdf/index.js @@ -38,7 +38,7 @@ class PDFViewer { this.loadingWrapper = el.getElementsByClassName('loading-wrapper')[0] this.next = el.getElementsByClassName('next')[0] this.prev = el.getElementsByClassName('prev')[0] - this.pageNum = el.getElementsByClassName('page-num')[0] + this.curPage = el.getElementsByClassName('page-num')[0] this.pageCount = el.getElementsByClassName('page-count')[0] // context @@ -121,7 +121,7 @@ class PDFViewer { this.pageNumPending = null } // Update page counters - this.pageNum.textContent = num + this.curPage.textContent = num } /** diff --git a/assets/styles/sections/pdf-viewer.scss b/assets/styles/sections/pdf-viewer.scss index 2906fdc..44b700f 100644 --- a/assets/styles/sections/pdf-viewer.scss +++ b/assets/styles/sections/pdf-viewer.scss @@ -8,9 +8,16 @@ } .paginator { - display: none; + display: flex!important; + width: 100% !important; text-align: center; - margin-bottom: 10px; + margin-bottom: 0.2rem !important; + justify-content: space-between; + + .page-number-indicator { + margin-left: auto; + margin-right: auto; + } } .loading-wrapper { diff --git a/layouts/shortcodes/embed-pdf.html b/layouts/shortcodes/embed-pdf.html index 8971d49..eda03c7 100755 --- a/layouts/shortcodes/embed-pdf.html +++ b/layouts/shortcodes/embed-pdf.html @@ -11,9 +11,13 @@ data-page-num="{{ $pageNum }}" >