nodebb-plugin-pdf-secure2 1.2.32 → 1.2.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure2",
-  "version": "1.2.32",
+  "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: 48px;
+            --toolbar-height: 34px;
             --sidebar-width: 200px;
             --toolbar-height-mobile: 44px;
             --bottom-bar-height: 52px;
@@ -109,20 +109,21 @@
             border-bottom: 1px solid var(--border-color);
             display: flex;
             align-items: center;
-            padding: 0 12px;
-            gap: 4px;
+            padding: 0 6px;
+            gap: 1px;
             z-index: 100;
         }
 
         .toolbarGroup {
             display: flex;
             align-items: center;
-            gap: 2px;
+            gap: 0px;
         }
 
         .toolbarBtn {
-            width: 36px;
-            height: 36px;
+            width: 24px;
+            height: 24px;
+            min-width: 24px;
             border: none;
             background: transparent;
             color: var(--text-primary);
@@ -144,16 +145,16 @@
         }
 
         .toolbarBtn svg {
-            width: 18px;
-            height: 18px;
+            width: 14px;
+            height: 14px;
             fill: currentColor;
         }
 
         .separator {
             width: 1px;
-            height: 24px;
+            height: 16px;
             background: var(--border-color);
-            margin: 0 8px;
+            margin: 0 2px;
         }
 
         /* Enhanced Tooltips */
@@ -415,8 +416,8 @@
         }
 
         .dropdownArrow {
-            width: 20px;
-            height: 36px;
+            width: 14px;
+            height: 24px;
             border: none;
             background: transparent;
             color: var(--text-primary);
@@ -437,8 +438,8 @@
         }
 
         .dropdownArrow svg {
-            width: 12px;
-            height: 12px;
+            width: 10px;
+            height: 10px;
             fill: currentColor;
         }
 
@@ -541,24 +542,24 @@
         .pageInfo {
             display: flex;
             align-items: center;
-            gap: 8px;
+            gap: 4px;
             margin-left: auto;
         }
 
         #pageInput {
-            width: 40px;
-            height: 28px;
+            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: 13px;
+            font-size: 11px;
         }
 
         #pageCount {
             color: var(--text-secondary);
-            font-size: 13px;
+            font-size: 11px;
         }
 
         /* Sidebar - Thumbnails */
@@ -1397,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)
            ========================================== */