@edgepdf/viewer-js 0.0.34 → 0.1.0

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.
package/dist/index.css DELETED
@@ -1,940 +0,0 @@
1
- @import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap";
2
-
3
- /* node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/leaflet.css */
4
- .leaflet-pane,
5
- .leaflet-tile,
6
- .leaflet-marker-icon,
7
- .leaflet-marker-shadow,
8
- .leaflet-tile-container,
9
- .leaflet-pane > svg,
10
- .leaflet-pane > canvas,
11
- .leaflet-zoom-box,
12
- .leaflet-image-layer,
13
- .leaflet-layer {
14
- position: absolute;
15
- left: 0;
16
- top: 0;
17
- }
18
- .leaflet-container {
19
- overflow: hidden;
20
- }
21
- .leaflet-tile,
22
- .leaflet-marker-icon,
23
- .leaflet-marker-shadow {
24
- -webkit-user-select: none;
25
- -moz-user-select: none;
26
- user-select: none;
27
- -webkit-user-drag: none;
28
- }
29
- .leaflet-tile::selection {
30
- background: transparent;
31
- }
32
- .leaflet-safari .leaflet-tile {
33
- image-rendering: -webkit-optimize-contrast;
34
- }
35
- .leaflet-safari .leaflet-tile-container {
36
- width: 1600px;
37
- height: 1600px;
38
- -webkit-transform-origin: 0 0;
39
- }
40
- .leaflet-marker-icon,
41
- .leaflet-marker-shadow {
42
- display: block;
43
- }
44
- .leaflet-container .leaflet-overlay-pane svg {
45
- max-width: none !important;
46
- max-height: none !important;
47
- }
48
- .leaflet-container .leaflet-marker-pane img,
49
- .leaflet-container .leaflet-shadow-pane img,
50
- .leaflet-container .leaflet-tile-pane img,
51
- .leaflet-container img.leaflet-image-layer,
52
- .leaflet-container .leaflet-tile {
53
- max-width: none !important;
54
- max-height: none !important;
55
- width: auto;
56
- padding: 0;
57
- }
58
- .leaflet-container img.leaflet-tile {
59
- mix-blend-mode: plus-lighter;
60
- }
61
- .leaflet-container.leaflet-touch-zoom {
62
- -ms-touch-action: pan-x pan-y;
63
- touch-action: pan-x pan-y;
64
- }
65
- .leaflet-container.leaflet-touch-drag {
66
- -ms-touch-action: pinch-zoom;
67
- touch-action: none;
68
- touch-action: pinch-zoom;
69
- }
70
- .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
71
- -ms-touch-action: none;
72
- touch-action: none;
73
- }
74
- .leaflet-container {
75
- -webkit-tap-highlight-color: transparent;
76
- }
77
- .leaflet-container a {
78
- -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
79
- }
80
- .leaflet-tile {
81
- filter: inherit;
82
- visibility: hidden;
83
- }
84
- .leaflet-tile-loaded {
85
- visibility: inherit;
86
- }
87
- .leaflet-zoom-box {
88
- width: 0;
89
- height: 0;
90
- -moz-box-sizing: border-box;
91
- box-sizing: border-box;
92
- z-index: 800;
93
- }
94
- .leaflet-overlay-pane svg {
95
- -moz-user-select: none;
96
- }
97
- .leaflet-pane {
98
- z-index: 400;
99
- }
100
- .leaflet-tile-pane {
101
- z-index: 200;
102
- }
103
- .leaflet-overlay-pane {
104
- z-index: 400;
105
- }
106
- .leaflet-shadow-pane {
107
- z-index: 500;
108
- }
109
- .leaflet-marker-pane {
110
- z-index: 600;
111
- }
112
- .leaflet-tooltip-pane {
113
- z-index: 650;
114
- }
115
- .leaflet-popup-pane {
116
- z-index: 700;
117
- }
118
- .leaflet-map-pane canvas {
119
- z-index: 100;
120
- }
121
- .leaflet-map-pane svg {
122
- z-index: 200;
123
- }
124
- .leaflet-vml-shape {
125
- width: 1px;
126
- height: 1px;
127
- }
128
- .lvml {
129
- behavior: url(#default#VML);
130
- display: inline-block;
131
- position: absolute;
132
- }
133
- .leaflet-control {
134
- position: relative;
135
- z-index: 800;
136
- pointer-events: visiblePainted;
137
- pointer-events: auto;
138
- }
139
- .leaflet-top,
140
- .leaflet-bottom {
141
- position: absolute;
142
- z-index: 1000;
143
- pointer-events: none;
144
- }
145
- .leaflet-top {
146
- top: 0;
147
- }
148
- .leaflet-right {
149
- right: 0;
150
- }
151
- .leaflet-bottom {
152
- bottom: 0;
153
- }
154
- .leaflet-left {
155
- left: 0;
156
- }
157
- .leaflet-control {
158
- float: left;
159
- clear: both;
160
- }
161
- .leaflet-right .leaflet-control {
162
- float: right;
163
- }
164
- .leaflet-top .leaflet-control {
165
- margin-top: 10px;
166
- }
167
- .leaflet-bottom .leaflet-control {
168
- margin-bottom: 10px;
169
- }
170
- .leaflet-left .leaflet-control {
171
- margin-left: 10px;
172
- }
173
- .leaflet-right .leaflet-control {
174
- margin-right: 10px;
175
- }
176
- .leaflet-fade-anim .leaflet-popup {
177
- opacity: 0;
178
- -webkit-transition: opacity 0.2s linear;
179
- -moz-transition: opacity 0.2s linear;
180
- transition: opacity 0.2s linear;
181
- }
182
- .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
183
- opacity: 1;
184
- }
185
- .leaflet-zoom-animated {
186
- -webkit-transform-origin: 0 0;
187
- -ms-transform-origin: 0 0;
188
- transform-origin: 0 0;
189
- }
190
- svg.leaflet-zoom-animated {
191
- will-change: transform;
192
- }
193
- .leaflet-zoom-anim .leaflet-zoom-animated {
194
- -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
195
- -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
196
- transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
197
- }
198
- .leaflet-zoom-anim .leaflet-tile,
199
- .leaflet-pan-anim .leaflet-tile {
200
- -webkit-transition: none;
201
- -moz-transition: none;
202
- transition: none;
203
- }
204
- .leaflet-zoom-anim .leaflet-zoom-hide {
205
- visibility: hidden;
206
- }
207
- .leaflet-interactive {
208
- cursor: pointer;
209
- }
210
- .leaflet-grab {
211
- cursor: -webkit-grab;
212
- cursor: -moz-grab;
213
- cursor: grab;
214
- }
215
- .leaflet-crosshair,
216
- .leaflet-crosshair .leaflet-interactive {
217
- cursor: crosshair;
218
- }
219
- .leaflet-popup-pane,
220
- .leaflet-control {
221
- cursor: auto;
222
- }
223
- .leaflet-dragging .leaflet-grab,
224
- .leaflet-dragging .leaflet-grab .leaflet-interactive,
225
- .leaflet-dragging .leaflet-marker-draggable {
226
- cursor: move;
227
- cursor: -webkit-grabbing;
228
- cursor: -moz-grabbing;
229
- cursor: grabbing;
230
- }
231
- .leaflet-marker-icon,
232
- .leaflet-marker-shadow,
233
- .leaflet-image-layer,
234
- .leaflet-pane > svg path,
235
- .leaflet-tile-container {
236
- pointer-events: none;
237
- }
238
- .leaflet-marker-icon.leaflet-interactive,
239
- .leaflet-image-layer.leaflet-interactive,
240
- .leaflet-pane > svg path.leaflet-interactive,
241
- svg.leaflet-image-layer.leaflet-interactive path {
242
- pointer-events: visiblePainted;
243
- pointer-events: auto;
244
- }
245
- .leaflet-container {
246
- background: #ddd;
247
- outline-offset: 1px;
248
- }
249
- .leaflet-container a {
250
- color: #0078A8;
251
- }
252
- .leaflet-zoom-box {
253
- border: 2px dotted #38f;
254
- background: rgba(255, 255, 255, 0.5);
255
- }
256
- .leaflet-container {
257
- font-family:
258
- "Helvetica Neue",
259
- Arial,
260
- Helvetica,
261
- sans-serif;
262
- font-size: 12px;
263
- font-size: 0.75rem;
264
- line-height: 1.5;
265
- }
266
- .leaflet-bar {
267
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
268
- border-radius: 4px;
269
- }
270
- .leaflet-bar a {
271
- background-color: #fff;
272
- border-bottom: 1px solid #ccc;
273
- width: 26px;
274
- height: 26px;
275
- line-height: 26px;
276
- display: block;
277
- text-align: center;
278
- text-decoration: none;
279
- color: black;
280
- }
281
- .leaflet-bar a,
282
- .leaflet-control-layers-toggle {
283
- background-position: 50% 50%;
284
- background-repeat: no-repeat;
285
- display: block;
286
- }
287
- .leaflet-bar a:hover,
288
- .leaflet-bar a:focus {
289
- background-color: #f4f4f4;
290
- }
291
- .leaflet-bar a:first-child {
292
- border-top-left-radius: 4px;
293
- border-top-right-radius: 4px;
294
- }
295
- .leaflet-bar a:last-child {
296
- border-bottom-left-radius: 4px;
297
- border-bottom-right-radius: 4px;
298
- border-bottom: none;
299
- }
300
- .leaflet-bar a.leaflet-disabled {
301
- cursor: default;
302
- background-color: #f4f4f4;
303
- color: #bbb;
304
- }
305
- .leaflet-touch .leaflet-bar a {
306
- width: 30px;
307
- height: 30px;
308
- line-height: 30px;
309
- }
310
- .leaflet-touch .leaflet-bar a:first-child {
311
- border-top-left-radius: 2px;
312
- border-top-right-radius: 2px;
313
- }
314
- .leaflet-touch .leaflet-bar a:last-child {
315
- border-bottom-left-radius: 2px;
316
- border-bottom-right-radius: 2px;
317
- }
318
- .leaflet-control-zoom-in,
319
- .leaflet-control-zoom-out {
320
- font:
321
- bold 18px "Lucida Console",
322
- Monaco,
323
- monospace;
324
- text-indent: 1px;
325
- }
326
- .leaflet-touch .leaflet-control-zoom-in,
327
- .leaflet-touch .leaflet-control-zoom-out {
328
- font-size: 22px;
329
- }
330
- .leaflet-control-layers {
331
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
332
- background: #fff;
333
- border-radius: 5px;
334
- }
335
- .leaflet-control-layers-toggle {
336
- background-image: url(images/layers.png);
337
- width: 36px;
338
- height: 36px;
339
- }
340
- .leaflet-retina .leaflet-control-layers-toggle {
341
- background-image: url(images/layers-2x.png);
342
- background-size: 26px 26px;
343
- }
344
- .leaflet-touch .leaflet-control-layers-toggle {
345
- width: 44px;
346
- height: 44px;
347
- }
348
- .leaflet-control-layers .leaflet-control-layers-list,
349
- .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
350
- display: none;
351
- }
352
- .leaflet-control-layers-expanded .leaflet-control-layers-list {
353
- display: block;
354
- position: relative;
355
- }
356
- .leaflet-control-layers-expanded {
357
- padding: 6px 10px 6px 6px;
358
- color: #333;
359
- background: #fff;
360
- }
361
- .leaflet-control-layers-scrollbar {
362
- overflow-y: scroll;
363
- overflow-x: hidden;
364
- padding-right: 5px;
365
- }
366
- .leaflet-control-layers-selector {
367
- margin-top: 2px;
368
- position: relative;
369
- top: 1px;
370
- }
371
- .leaflet-control-layers label {
372
- display: block;
373
- font-size: 13px;
374
- font-size: 1.08333em;
375
- }
376
- .leaflet-control-layers-separator {
377
- height: 0;
378
- border-top: 1px solid #ddd;
379
- margin: 5px -10px 5px -6px;
380
- }
381
- .leaflet-default-icon-path {
382
- background-image: url(images/marker-icon.png);
383
- }
384
- .leaflet-container .leaflet-control-attribution {
385
- background: #fff;
386
- background: rgba(255, 255, 255, 0.8);
387
- margin: 0;
388
- }
389
- .leaflet-control-attribution,
390
- .leaflet-control-scale-line {
391
- padding: 0 5px;
392
- color: #333;
393
- line-height: 1.4;
394
- }
395
- .leaflet-control-attribution a {
396
- text-decoration: none;
397
- }
398
- .leaflet-control-attribution a:hover,
399
- .leaflet-control-attribution a:focus {
400
- text-decoration: underline;
401
- }
402
- .leaflet-attribution-flag {
403
- display: inline !important;
404
- vertical-align: baseline !important;
405
- width: 1em;
406
- height: 0.6669em;
407
- }
408
- .leaflet-left .leaflet-control-scale {
409
- margin-left: 5px;
410
- }
411
- .leaflet-bottom .leaflet-control-scale {
412
- margin-bottom: 5px;
413
- }
414
- .leaflet-control-scale-line {
415
- border: 2px solid #777;
416
- border-top: none;
417
- line-height: 1.1;
418
- padding: 2px 5px 1px;
419
- white-space: nowrap;
420
- -moz-box-sizing: border-box;
421
- box-sizing: border-box;
422
- background: rgba(255, 255, 255, 0.8);
423
- text-shadow: 1px 1px #fff;
424
- }
425
- .leaflet-control-scale-line:not(:first-child) {
426
- border-top: 2px solid #777;
427
- border-bottom: none;
428
- margin-top: -2px;
429
- }
430
- .leaflet-control-scale-line:not(:first-child):not(:last-child) {
431
- border-bottom: 2px solid #777;
432
- }
433
- .leaflet-touch .leaflet-control-attribution,
434
- .leaflet-touch .leaflet-control-layers,
435
- .leaflet-touch .leaflet-bar {
436
- box-shadow: none;
437
- }
438
- .leaflet-touch .leaflet-control-layers,
439
- .leaflet-touch .leaflet-bar {
440
- border: 2px solid rgba(0, 0, 0, 0.2);
441
- background-clip: padding-box;
442
- }
443
- .leaflet-popup {
444
- position: absolute;
445
- text-align: center;
446
- margin-bottom: 20px;
447
- }
448
- .leaflet-popup-content-wrapper {
449
- padding: 1px;
450
- text-align: left;
451
- border-radius: 12px;
452
- }
453
- .leaflet-popup-content {
454
- margin: 13px 24px 13px 20px;
455
- line-height: 1.3;
456
- font-size: 13px;
457
- font-size: 1.08333em;
458
- min-height: 1px;
459
- }
460
- .leaflet-popup-content p {
461
- margin: 17px 0;
462
- margin: 1.3em 0;
463
- }
464
- .leaflet-popup-tip-container {
465
- width: 40px;
466
- height: 20px;
467
- position: absolute;
468
- left: 50%;
469
- margin-top: -1px;
470
- margin-left: -20px;
471
- overflow: hidden;
472
- pointer-events: none;
473
- }
474
- .leaflet-popup-tip {
475
- width: 17px;
476
- height: 17px;
477
- padding: 1px;
478
- margin: -10px auto 0;
479
- pointer-events: auto;
480
- -webkit-transform: rotate(45deg);
481
- -moz-transform: rotate(45deg);
482
- -ms-transform: rotate(45deg);
483
- transform: rotate(45deg);
484
- }
485
- .leaflet-popup-content-wrapper,
486
- .leaflet-popup-tip {
487
- background: white;
488
- color: #333;
489
- box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
490
- }
491
- .leaflet-container a.leaflet-popup-close-button {
492
- position: absolute;
493
- top: 0;
494
- right: 0;
495
- border: none;
496
- text-align: center;
497
- width: 24px;
498
- height: 24px;
499
- font:
500
- 16px/24px Tahoma,
501
- Verdana,
502
- sans-serif;
503
- color: #757575;
504
- text-decoration: none;
505
- background: transparent;
506
- }
507
- .leaflet-container a.leaflet-popup-close-button:hover,
508
- .leaflet-container a.leaflet-popup-close-button:focus {
509
- color: #585858;
510
- }
511
- .leaflet-popup-scrolled {
512
- overflow: auto;
513
- }
514
- .leaflet-oldie .leaflet-popup-content-wrapper {
515
- -ms-zoom: 1;
516
- }
517
- .leaflet-oldie .leaflet-popup-tip {
518
- width: 24px;
519
- margin: 0 auto;
520
- -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
521
- filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
522
- }
523
- .leaflet-oldie .leaflet-control-zoom,
524
- .leaflet-oldie .leaflet-control-layers,
525
- .leaflet-oldie .leaflet-popup-content-wrapper,
526
- .leaflet-oldie .leaflet-popup-tip {
527
- border: 1px solid #999;
528
- }
529
- .leaflet-div-icon {
530
- background: #fff;
531
- border: 1px solid #666;
532
- }
533
- .leaflet-tooltip {
534
- position: absolute;
535
- padding: 6px;
536
- background-color: #fff;
537
- border: 1px solid #fff;
538
- border-radius: 3px;
539
- color: #222;
540
- white-space: nowrap;
541
- -webkit-user-select: none;
542
- -moz-user-select: none;
543
- -ms-user-select: none;
544
- user-select: none;
545
- pointer-events: none;
546
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
547
- }
548
- .leaflet-tooltip.leaflet-interactive {
549
- cursor: pointer;
550
- pointer-events: auto;
551
- }
552
- .leaflet-tooltip-top:before,
553
- .leaflet-tooltip-bottom:before,
554
- .leaflet-tooltip-left:before,
555
- .leaflet-tooltip-right:before {
556
- position: absolute;
557
- pointer-events: none;
558
- border: 6px solid transparent;
559
- background: transparent;
560
- content: "";
561
- }
562
- .leaflet-tooltip-bottom {
563
- margin-top: 6px;
564
- }
565
- .leaflet-tooltip-top {
566
- margin-top: -6px;
567
- }
568
- .leaflet-tooltip-bottom:before,
569
- .leaflet-tooltip-top:before {
570
- left: 50%;
571
- margin-left: -6px;
572
- }
573
- .leaflet-tooltip-top:before {
574
- bottom: 0;
575
- margin-bottom: -12px;
576
- border-top-color: #fff;
577
- }
578
- .leaflet-tooltip-bottom:before {
579
- top: 0;
580
- margin-top: -12px;
581
- margin-left: -6px;
582
- border-bottom-color: #fff;
583
- }
584
- .leaflet-tooltip-left {
585
- margin-left: -6px;
586
- }
587
- .leaflet-tooltip-right {
588
- margin-left: 6px;
589
- }
590
- .leaflet-tooltip-left:before,
591
- .leaflet-tooltip-right:before {
592
- top: 50%;
593
- margin-top: -6px;
594
- }
595
- .leaflet-tooltip-left:before {
596
- right: 0;
597
- margin-right: -12px;
598
- border-left-color: #fff;
599
- }
600
- .leaflet-tooltip-right:before {
601
- left: 0;
602
- margin-left: -12px;
603
- border-right-color: #fff;
604
- }
605
- @media print {
606
- .leaflet-control {
607
- -webkit-print-color-adjust: exact;
608
- print-color-adjust: exact;
609
- }
610
- }
611
-
612
- /* packages/viewer-js/src/styles.css */
613
- .seamless-tiles img,
614
- .leaflet-tile {
615
- border: none !important;
616
- outline: none !important;
617
- margin: 0 !important;
618
- padding: 0 !important;
619
- }
620
- .leaflet-layer {
621
- border: none !important;
622
- }
623
- .edgepdf-marker-tooltip {
624
- text-align: center;
625
- white-space: nowrap;
626
- }
627
- .leaflet-tooltip-top.edgepdf-marker-tooltip::before,
628
- .leaflet-tooltip-bottom.edgepdf-marker-tooltip::before {
629
- left: 50% !important;
630
- margin-left: -8px !important;
631
- }
632
- .leaflet-tooltip-left.edgepdf-marker-tooltip::before,
633
- .leaflet-tooltip-right.edgepdf-marker-tooltip::before {
634
- top: 50% !important;
635
- margin-top: -8px !important;
636
- }
637
- .edgepdf-marker-popup-actions {
638
- display: flex;
639
- gap: 8px;
640
- margin-top: 12px;
641
- padding-top: 12px;
642
- border-top: 1px solid #e0e0e0;
643
- }
644
- .edgepdf-marker-popup-edit,
645
- .edgepdf-marker-popup-delete {
646
- flex: 1;
647
- padding: 6px 12px;
648
- border: 1px solid #ccc;
649
- border-radius: 4px;
650
- background-color: #fff;
651
- color: #333;
652
- cursor: pointer;
653
- font-size: 14px;
654
- transition: all 0.2s ease;
655
- }
656
- .edgepdf-marker-popup-edit:hover {
657
- background-color: #f0f0f0;
658
- border-color: #999;
659
- }
660
- .edgepdf-marker-popup-delete {
661
- color: #d32f2f;
662
- border-color: #d32f2f;
663
- }
664
- .edgepdf-marker-popup-delete:hover {
665
- background-color: #ffebee;
666
- border-color: #b71c1c;
667
- }
668
- .edgepdf-marker-edit-popup {
669
- position: fixed;
670
- top: 0;
671
- left: 0;
672
- right: 0;
673
- bottom: 0;
674
- z-index: 100000;
675
- display: flex;
676
- align-items: center;
677
- justify-content: center;
678
- font-family: "Lato", sans-serif;
679
- }
680
- .edgepdf-marker-edit-popup-overlay {
681
- position: absolute;
682
- top: 0;
683
- left: 0;
684
- right: 0;
685
- bottom: 0;
686
- background-color: rgba(0, 0, 0, 0.7);
687
- cursor: pointer;
688
- }
689
- .edgepdf-marker-edit-popup-content {
690
- position: relative;
691
- background-color: #1a1a1a;
692
- border-radius: 8px;
693
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
694
- border: 1px solid #333;
695
- width: 90%;
696
- max-width: 500px;
697
- max-height: 90vh;
698
- overflow: auto;
699
- z-index: 100001;
700
- }
701
- .edgepdf-marker-edit-popup-header {
702
- display: flex;
703
- justify-content: space-between;
704
- align-items: center;
705
- padding: 16px 20px;
706
- border-bottom: 1px solid #333;
707
- }
708
- .edgepdf-marker-edit-popup-header h3 {
709
- margin: 0;
710
- font-size: 18px;
711
- font-weight: 600;
712
- color: #fff;
713
- }
714
- .edgepdf-marker-edit-popup-close {
715
- background: none;
716
- border: none;
717
- font-size: 24px;
718
- line-height: 1;
719
- color: #fff;
720
- cursor: pointer;
721
- padding: 0;
722
- width: 32px;
723
- height: 32px;
724
- display: flex;
725
- align-items: center;
726
- justify-content: center;
727
- border-radius: 4px;
728
- transition: background-color 0.2s ease;
729
- }
730
- .edgepdf-marker-edit-popup-close:hover {
731
- background-color: #333;
732
- color: #ffa500;
733
- }
734
- .edgepdf-marker-edit-popup-body {
735
- padding: 20px;
736
- }
737
- .edgepdf-marker-edit-field {
738
- margin-bottom: 16px;
739
- }
740
- .edgepdf-marker-edit-field:last-child {
741
- margin-bottom: 0;
742
- }
743
- .edgepdf-marker-edit-field label {
744
- display: block;
745
- margin-bottom: 8px;
746
- font-size: 14px;
747
- font-weight: 500;
748
- color: #fff;
749
- }
750
- .edgepdf-marker-edit-input {
751
- width: 100%;
752
- padding: 10px 12px;
753
- border: 1px solid #444;
754
- border-radius: 4px;
755
- font-size: 14px;
756
- background-color: #2a2a2a;
757
- color: #fff;
758
- box-sizing: border-box;
759
- transition: border-color 0.2s ease;
760
- }
761
- .edgepdf-marker-edit-input:focus {
762
- outline: none;
763
- border-color: #ffa500;
764
- box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
765
- }
766
- .edgepdf-marker-edit-input::placeholder {
767
- color: #888;
768
- }
769
- .edgepdf-marker-edit-popup-footer {
770
- display: flex;
771
- justify-content: flex-end;
772
- gap: 12px;
773
- padding: 16px 20px;
774
- border-top: 1px solid #333;
775
- }
776
- .edgepdf-marker-edit-button {
777
- padding: 10px 20px;
778
- border: 1px solid #444;
779
- border-radius: 4px;
780
- background-color: #2a2a2a;
781
- color: #fff;
782
- cursor: pointer;
783
- font-size: 14px;
784
- font-weight: 500;
785
- transition: all 0.2s ease;
786
- }
787
- .edgepdf-marker-edit-button-cancel:hover {
788
- background-color: #333;
789
- border-color: #555;
790
- }
791
- .edgepdf-marker-edit-button-save {
792
- background-color: #ffa500;
793
- color: #000;
794
- border-color: #ffa500;
795
- }
796
- .edgepdf-marker-edit-button-save:hover {
797
- background-color: #ffd700;
798
- border-color: #ffd700;
799
- }
800
- .edgepdf-marker-delete-popup {
801
- position: fixed;
802
- top: 0;
803
- left: 0;
804
- right: 0;
805
- bottom: 0;
806
- z-index: 100000;
807
- display: flex;
808
- align-items: center;
809
- justify-content: center;
810
- font-family: "Lato", sans-serif;
811
- }
812
- .edgepdf-marker-delete-popup-overlay {
813
- position: absolute;
814
- top: 0;
815
- left: 0;
816
- right: 0;
817
- bottom: 0;
818
- background-color: rgba(0, 0, 0, 0.7);
819
- cursor: pointer;
820
- }
821
- .edgepdf-marker-delete-popup-content {
822
- position: relative;
823
- background-color: #1a1a1a;
824
- border-radius: 8px;
825
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
826
- border: 1px solid #333;
827
- width: 90%;
828
- max-width: 500px;
829
- max-height: 90vh;
830
- overflow: auto;
831
- z-index: 100001;
832
- }
833
- .edgepdf-marker-delete-popup-header {
834
- display: flex;
835
- justify-content: space-between;
836
- align-items: center;
837
- padding: 16px 20px;
838
- border-bottom: 1px solid #333;
839
- }
840
- .edgepdf-marker-delete-popup-header h3 {
841
- margin: 0;
842
- font-size: 18px;
843
- font-weight: 600;
844
- color: #fff;
845
- }
846
- .edgepdf-marker-delete-popup-close {
847
- background: none;
848
- border: none;
849
- font-size: 24px;
850
- line-height: 1;
851
- color: #fff;
852
- cursor: pointer;
853
- padding: 0;
854
- width: 32px;
855
- height: 32px;
856
- display: flex;
857
- align-items: center;
858
- justify-content: center;
859
- border-radius: 4px;
860
- transition: background-color 0.2s ease;
861
- }
862
- .edgepdf-marker-delete-popup-close:hover {
863
- background-color: #333;
864
- color: #ffa500;
865
- }
866
- .edgepdf-marker-delete-popup-body {
867
- padding: 20px;
868
- }
869
- .edgepdf-marker-delete-popup-body p {
870
- margin: 0;
871
- font-size: 14px;
872
- color: #fff;
873
- line-height: 1.5;
874
- }
875
- .edgepdf-marker-delete-popup-body strong {
876
- font-weight: 600;
877
- color: #ffa500;
878
- }
879
- .edgepdf-marker-delete-popup-footer {
880
- display: flex;
881
- justify-content: flex-end;
882
- gap: 12px;
883
- padding: 16px 20px;
884
- border-top: 1px solid #333;
885
- }
886
- .edgepdf-marker-delete-button {
887
- padding: 10px 20px;
888
- border: 1px solid #444;
889
- border-radius: 4px;
890
- background-color: #2a2a2a;
891
- color: #fff;
892
- cursor: pointer;
893
- font-size: 14px;
894
- font-weight: 500;
895
- transition: all 0.2s ease;
896
- }
897
- .edgepdf-marker-delete-button-cancel:hover {
898
- background-color: #333;
899
- border-color: #555;
900
- }
901
- .edgepdf-marker-delete-button-confirm {
902
- background-color: #ffa500;
903
- color: #000;
904
- border-color: #ffa500;
905
- }
906
- .edgepdf-marker-delete-button-confirm:hover {
907
- background-color: #ffd700;
908
- border-color: #ffd700;
909
- }
910
- .edgepdf-marker-icon-overlay-container {
911
- background: transparent !important;
912
- border: none !important;
913
- box-shadow: none !important;
914
- }
915
- .edgepdf-marker-icon-overlay {
916
- display: flex;
917
- flex-direction: column;
918
- gap: 4px;
919
- position: relative;
920
- z-index: 1000;
921
- }
922
- .edgepdf-marker-icon-button {
923
- border: none;
924
- background: transparent;
925
- padding: 0;
926
- cursor: pointer;
927
- display: flex;
928
- align-items: center;
929
- justify-content: center;
930
- width: 24px;
931
- height: 24px;
932
- transition: transform 0.2s ease, opacity 0.2s ease;
933
- }
934
- .edgepdf-marker-icon-button:hover {
935
- transform: scale(1.1);
936
- opacity: 0.9;
937
- }
938
- .edgepdf-marker-icon-button:active {
939
- transform: scale(0.95);
940
- }