Merge pull request #17 from mblink/v0.6.1

remove "Page" label at xs screen size
mblink · Mar 18, 2024 · 467b866 · 467b866
2 parents 2c24cfa + 6d6aa44
commit 467b866
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "document-viewer-ts",
-  "version": "0.6.0-legacy",
+  "version": "0.6.1-legacy",
   "description": "PDF and MS Doc viewer written in TypeScript for React and vanilla JavaScript",
   "main": "dist/lib/index.js",
   "module": "dist/es2015/index.js",

diff --git a/src/base.ts b/src/base.ts
@@ -70,6 +70,7 @@ export const renderPDF = async (containerDiv: Element, documentUrl: string) => {
   pageNumberInput.className = 'page-number-input';
   pageNumberInput.type = 'number';
   const pageDiv = document.createElement('div');
+  pageDiv.className = 'page-label';
   const outOfDiv = document.createElement('div');
   const pageCountDiv = document.createElement('div');
   const nextButton = document.createElement('button');

diff --git a/styles/styles.css b/styles/styles.css
@@ -74,6 +74,13 @@ div.document-viewer-ts.viewer-container {
   z-index: 999;
 }
 
+.page-label {
+  display: none;
+  @media (min-width: 36em) {
+    display: flex;
+  }
+}
+
 .document-viewer-ts .viewer-controls:hover {
   opacity: 1;
 }