nodebb-plugin-pdf-secure2 1.2.33 → 1.2.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure2",
-  "version": "1.2.33",
+  "version": "1.2.34",
   "description": "Secure PDF viewer plugin for NodeBB - prevents downloading, enables canvas-only rendering with Premium group support",
   "main": "library.js",
   "repository": {

package/static/viewer.html

@@ -23,7 +23,7 @@
             --accent: #0078d4;
             --accent-hover: #1a86d9;
             --border-color: #404040;
-            --toolbar-height: 38px;
+            --toolbar-height: 34px;
             --sidebar-width: 200px;
             --toolbar-height-mobile: 44px;
             --bottom-bar-height: 52px;
@@ -121,9 +121,9 @@
         }
 
         .toolbarBtn {
-            width: 28px;
-            height: 28px;
-            min-width: 28px;
+            width: 24px;
+            height: 24px;
+            min-width: 24px;
             border: none;
             background: transparent;
             color: var(--text-primary);
@@ -145,16 +145,16 @@
         }
 
         .toolbarBtn svg {
-            width: 16px;
-            height: 16px;
+            width: 14px;
+            height: 14px;
             fill: currentColor;
         }
 
         .separator {
             width: 1px;
-            height: 20px;
+            height: 16px;
             background: var(--border-color);
-            margin: 0 3px;
+            margin: 0 2px;
         }
 
         /* Enhanced Tooltips */
@@ -416,8 +416,8 @@
         }
 
         .dropdownArrow {
-            width: 16px;
-            height: 28px;
+            width: 14px;
+            height: 24px;
             border: none;
             background: transparent;
             color: var(--text-primary);
@@ -547,19 +547,19 @@
         }
 
         #pageInput {
-            width: 32px;
-            height: 24px;
+            width: 28px;
+            height: 22px;
             background: var(--bg-tertiary);
             border: 1px solid var(--border-color);
-            border-radius: 4px;
+            border-radius: 3px;
             color: var(--text-primary);
             text-align: center;
-            font-size: 12px;
+            font-size: 11px;
         }
 
         #pageCount {
             color: var(--text-secondary);
-            font-size: 12px;
+            font-size: 11px;
         }
 
         /* Sidebar - Thumbnails */
@@ -1398,6 +1398,64 @@
             }
         }
 
+        /* ==========================================
+           FULLSCREEN - restore larger toolbar
+           ========================================== */
+        body.viewer-fullscreen #toolbar {
+            --toolbar-height: 46px;
+            height: 46px;
+            padding: 0 12px;
+            gap: 4px;
+        }
+
+        body.viewer-fullscreen .toolbarGroup {
+            gap: 2px;
+        }
+
+        body.viewer-fullscreen .toolbarBtn {
+            width: 34px;
+            height: 34px;
+            min-width: 34px;
+        }
+
+        body.viewer-fullscreen .toolbarBtn svg {
+            width: 18px;
+            height: 18px;
+        }
+
+        body.viewer-fullscreen .separator {
+            height: 24px;
+            margin: 0 6px;
+        }
+
+        body.viewer-fullscreen .dropdownArrow {
+            width: 18px;
+            height: 34px;
+        }
+
+        body.viewer-fullscreen .dropdownArrow svg {
+            width: 12px;
+            height: 12px;
+        }
+
+        body.viewer-fullscreen #pageInput {
+            width: 40px;
+            height: 28px;
+            font-size: 13px;
+        }
+
+        body.viewer-fullscreen #pageCount {
+            font-size: 13px;
+        }
+
+        body.viewer-fullscreen .pageInfo {
+            gap: 8px;
+        }
+
+        body.viewer-fullscreen #viewerContainer {
+            top: 46px;
+        }
+
         /* ==========================================
            TABLET BREAKPOINT (600px - 1024px)
            ========================================== */