@edgepdf/viewer-js 0.0.31 → 0.0.33

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