@edgepdf/viewer-js 0.0.14 → 0.0.17

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