nodebb-plugin-pdf-secure2 1.2.37 → 1.2.38

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 (2) hide show
  1. package/package.json +1 -1
  2. package/static/viewer.html +26 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-plugin-pdf-secure2",
3
- "version": "1.2.37",
3
+ "version": "1.2.38",
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": {
@@ -23,7 +23,7 @@
23
23
  --accent: #0078d4;
24
24
  --accent-hover: #1a86d9;
25
25
  --border-color: #404040;
26
- --toolbar-height: 36px;
26
+ --toolbar-height: clamp(28px, 5vw, 36px);
27
27
  --sidebar-width: 200px;
28
28
  --toolbar-height-mobile: 44px;
29
29
  --bottom-bar-height: 52px;
@@ -110,21 +110,24 @@
110
110
  display: flex;
111
111
  align-items: center;
112
112
  justify-content: flex-start;
113
- padding: 0 4px;
113
+ padding: 0 clamp(2px, 0.5vw, 4px);
114
114
  gap: 0px;
115
115
  z-index: 100;
116
+ overflow: hidden;
116
117
  }
117
118
 
118
119
  .toolbarGroup {
119
120
  display: flex;
120
121
  align-items: center;
121
122
  gap: 0px;
123
+ flex-shrink: 1;
124
+ min-width: 0;
122
125
  }
123
126
 
124
127
  .toolbarBtn {
125
- width: 26px;
126
- height: 26px;
127
- min-width: 26px;
128
+ width: clamp(18px, 3.5vw, 26px);
129
+ height: clamp(18px, 3.5vw, 26px);
130
+ min-width: 0;
128
131
  border: none;
129
132
  background: transparent;
130
133
  color: var(--text-primary);
@@ -135,6 +138,7 @@
135
138
  justify-content: center;
136
139
  transition: background 0.1s;
137
140
  touch-action: manipulation;
141
+ flex-shrink: 1;
138
142
  }
139
143
 
140
144
  .toolbarBtn:hover {
@@ -146,16 +150,18 @@
146
150
  }
147
151
 
148
152
  .toolbarBtn svg {
149
- width: 15px;
150
- height: 15px;
153
+ width: clamp(11px, 2vw, 15px);
154
+ height: clamp(11px, 2vw, 15px);
151
155
  fill: currentColor;
156
+ flex-shrink: 0;
152
157
  }
153
158
 
154
159
  .separator {
155
160
  width: 1px;
156
161
  height: 18px;
157
162
  background: var(--border-color);
158
- margin: 0 3px;
163
+ margin: 0 clamp(1px, 0.4vw, 3px);
164
+ flex-shrink: 3;
159
165
  }
160
166
 
161
167
  /* Enhanced Tooltips */
@@ -417,8 +423,8 @@
417
423
  }
418
424
 
419
425
  .dropdownArrow {
420
- width: 14px;
421
- height: 26px;
426
+ width: clamp(10px, 1.8vw, 14px);
427
+ height: clamp(18px, 3.5vw, 26px);
422
428
  border: none;
423
429
  background: transparent;
424
430
  color: var(--text-primary);
@@ -427,6 +433,7 @@
427
433
  display: flex;
428
434
  align-items: center;
429
435
  justify-content: center;
436
+ flex-shrink: 1;
430
437
  }
431
438
 
432
439
  .dropdownArrow:hover {
@@ -543,25 +550,28 @@
543
550
  .pageInfo {
544
551
  display: flex;
545
552
  align-items: center;
546
- gap: 3px;
547
- margin-left: 3px;
553
+ gap: clamp(1px, 0.3vw, 3px);
554
+ margin-left: clamp(1px, 0.3vw, 3px);
555
+ flex-shrink: 1;
556
+ min-width: 0;
548
557
  }
549
558
 
550
559
  #pageInput {
551
- width: 28px;
552
- height: 22px;
560
+ width: clamp(22px, 4vw, 28px);
561
+ height: clamp(18px, 3vw, 22px);
553
562
  background: var(--bg-tertiary);
554
563
  border: 1px solid var(--border-color);
555
564
  border-radius: 3px;
556
565
  color: var(--text-primary);
557
566
  text-align: center;
558
- font-size: 11px;
567
+ font-size: clamp(9px, 1.5vw, 11px);
559
568
  padding: 0;
560
569
  }
561
570
 
562
571
  #pageCount {
563
572
  color: var(--text-secondary);
564
- font-size: 11px;
573
+ font-size: clamp(9px, 1.5vw, 11px);
574
+ white-space: nowrap;
565
575
  }
566
576
 
567
577
  /* Sidebar - Thumbnails */