nodebb-plugin-pdf-secure2 1.2.33 → 1.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/image.png +0 -0
  2. package/package.json +1 -1
  3. package/static/viewer.html +73 -14
package/image.png CHANGED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-plugin-pdf-secure2",
3
- "version": "1.2.33",
3
+ "version": "1.2.35",
4
4
  "description": "Secure PDF viewer plugin for NodeBB - prevents downloading, enables canvas-only rendering with Premium group support",
5
5
  "main": "library.js",
6
6
  "repository": {
package/static/viewer.html CHANGED
@@ -23,7 +23,7 @@
23
23
  --accent: #0078d4;
24
24
  --accent-hover: #1a86d9;
25
25
  --border-color: #404040;
26
- --toolbar-height: 38px;
26
+ --toolbar-height: 44px;
27
27
  --sidebar-width: 200px;
28
28
  --toolbar-height-mobile: 44px;
29
29
  --bottom-bar-height: 52px;
@@ -109,21 +109,21 @@
109
109
  border-bottom: 1px solid var(--border-color);
110
110
  display: flex;
111
111
  align-items: center;
112
- padding: 0 6px;
113
- gap: 1px;
112
+ padding: 0 8px;
113
+ gap: 2px;
114
114
  z-index: 100;
115
115
  }
116
116
 
117
117
  .toolbarGroup {
118
118
  display: flex;
119
119
  align-items: center;
120
- gap: 0px;
120
+ gap: 1px;
121
121
  }
122
122
 
123
123
  .toolbarBtn {
124
- width: 28px;
125
- height: 28px;
126
- min-width: 28px;
124
+ width: 32px;
125
+ height: 32px;
126
+ min-width: 32px;
127
127
  border: none;
128
128
  background: transparent;
129
129
  color: var(--text-primary);
@@ -145,8 +145,8 @@
145
145
  }
146
146
 
147
147
  .toolbarBtn svg {
148
- width: 16px;
149
- height: 16px;
148
+ width: 17px;
149
+ height: 17px;
150
150
  fill: currentColor;
151
151
  }
152
152
 
@@ -154,7 +154,7 @@
154
154
  width: 1px;
155
155
  height: 20px;
156
156
  background: var(--border-color);
157
- margin: 0 3px;
157
+ margin: 0 5px;
158
158
  }
159
159
 
160
160
  /* Enhanced Tooltips */
@@ -417,7 +417,7 @@
417
417
 
418
418
  .dropdownArrow {
419
419
  width: 16px;
420
- height: 28px;
420
+ height: 32px;
421
421
  border: none;
422
422
  background: transparent;
423
423
  color: var(--text-primary);
@@ -543,12 +543,12 @@
543
543
  display: flex;
544
544
  align-items: center;
545
545
  gap: 4px;
546
- margin-left: auto;
546
+ margin-left: 4px;
547
547
  }
548
548
 
549
549
  #pageInput {
550
- width: 32px;
551
- height: 24px;
550
+ width: 34px;
551
+ height: 26px;
552
552
  background: var(--bg-tertiary);
553
553
  border: 1px solid var(--border-color);
554
554
  border-radius: 4px;
@@ -1398,6 +1398,65 @@
1398
1398
  }
1399
1399
  }
1400
1400
 
1401
+ /* ==========================================
1402
+ FULLSCREEN - restore larger toolbar
1403
+ ========================================== */
1404
+ body.viewer-fullscreen #toolbar {
1405
+ --toolbar-height: 46px;
1406
+ height: 46px;
1407
+ padding: 0 12px;
1408
+ gap: 4px;
1409
+ }
1410
+
1411
+ body.viewer-fullscreen .toolbarGroup {
1412
+ gap: 2px;
1413
+ }
1414
+
1415
+ body.viewer-fullscreen .toolbarBtn {
1416
+ width: 34px;
1417
+ height: 34px;
1418
+ min-width: 34px;
1419
+ }
1420
+
1421
+ body.viewer-fullscreen .toolbarBtn svg {
1422
+ width: 18px;
1423
+ height: 18px;
1424
+ }
1425
+
1426
+ body.viewer-fullscreen .separator {
1427
+ height: 24px;
1428
+ margin: 0 6px;
1429
+ }
1430
+
1431
+ body.viewer-fullscreen .dropdownArrow {
1432
+ width: 18px;
1433
+ height: 34px;
1434
+ }
1435
+
1436
+ body.viewer-fullscreen .dropdownArrow svg {
1437
+ width: 12px;
1438
+ height: 12px;
1439
+ }
1440
+
1441
+ body.viewer-fullscreen #pageInput {
1442
+ width: 40px;
1443
+ height: 28px;
1444
+ font-size: 13px;
1445
+ }
1446
+
1447
+ body.viewer-fullscreen #pageCount {
1448
+ font-size: 13px;
1449
+ }
1450
+
1451
+ body.viewer-fullscreen .pageInfo {
1452
+ gap: 8px;
1453
+ margin-left: auto;
1454
+ }
1455
+
1456
+ body.viewer-fullscreen #viewerContainer {
1457
+ top: 46px;
1458
+ }
1459
+
1401
1460
  /* ==========================================
1402
1461
  TABLET BREAKPOINT (600px - 1024px)
1403
1462
  ========================================== */