@edgepdf/viewer-react 0.0.28 → 0.0.30

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
- /* packages/viewer-js/dist/index.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
- .seamless-tiles img,
610
- .leaflet-tile {
611
- border: none !important;
612
- outline: none !important;
613
- margin: 0 !important;
614
- padding: 0 !important;
615
- }
616
- .leaflet-layer {
617
- border: none !important;
618
- }
619
- .edgepdf-marker-tooltip {
620
- text-align: center;
621
- white-space: nowrap;
622
- }
623
- .leaflet-tooltip-top.edgepdf-marker-tooltip::before,
624
- .leaflet-tooltip-bottom.edgepdf-marker-tooltip::before {
625
- left: 50% !important;
626
- margin-left: -8px !important;
627
- }
628
- .leaflet-tooltip-left.edgepdf-marker-tooltip::before,
629
- .leaflet-tooltip-right.edgepdf-marker-tooltip::before {
630
- top: 50% !important;
631
- margin-top: -8px !important;
632
- }
633
- .edgepdf-marker-popup-actions {
634
- display: flex;
635
- gap: 8px;
636
- margin-top: 12px;
637
- padding-top: 12px;
638
- border-top: 1px solid #e0e0e0;
639
- }
640
- .edgepdf-marker-popup-edit,
641
- .edgepdf-marker-popup-delete {
642
- flex: 1;
643
- padding: 6px 12px;
644
- border: 1px solid #ccc;
645
- border-radius: 4px;
646
- background-color: #fff;
647
- color: #333;
648
- cursor: pointer;
649
- font-size: 14px;
650
- transition: all 0.2s ease;
651
- }
652
- .edgepdf-marker-popup-edit:hover {
653
- background-color: #f0f0f0;
654
- border-color: #999;
655
- }
656
- .edgepdf-marker-popup-delete {
657
- color: #d32f2f;
658
- border-color: #d32f2f;
659
- }
660
- .edgepdf-marker-popup-delete:hover {
661
- background-color: #ffebee;
662
- border-color: #b71c1c;
663
- }
664
- .edgepdf-marker-edit-popup {
665
- position: fixed;
666
- top: 0;
667
- left: 0;
668
- right: 0;
669
- bottom: 0;
670
- z-index: 100000;
671
- display: flex;
672
- align-items: center;
673
- justify-content: center;
674
- }
675
- .edgepdf-marker-edit-popup-overlay {
676
- position: absolute;
677
- top: 0;
678
- left: 0;
679
- right: 0;
680
- bottom: 0;
681
- background-color: rgba(0, 0, 0, 0.5);
682
- cursor: pointer;
683
- }
684
- .edgepdf-marker-edit-popup-content {
685
- position: relative;
686
- background-color: #fff;
687
- border-radius: 8px;
688
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
689
- width: 90%;
690
- max-width: 500px;
691
- max-height: 90vh;
692
- overflow: auto;
693
- z-index: 100001;
694
- }
695
- .edgepdf-marker-edit-popup-header {
696
- display: flex;
697
- justify-content: space-between;
698
- align-items: center;
699
- padding: 16px 20px;
700
- border-bottom: 1px solid #e0e0e0;
701
- }
702
- .edgepdf-marker-edit-popup-header h3 {
703
- margin: 0;
704
- font-size: 18px;
705
- font-weight: 600;
706
- color: #333;
707
- }
708
- .edgepdf-marker-edit-popup-close {
709
- background: none;
710
- border: none;
711
- font-size: 24px;
712
- line-height: 1;
713
- color: #666;
714
- cursor: pointer;
715
- padding: 0;
716
- width: 32px;
717
- height: 32px;
718
- display: flex;
719
- align-items: center;
720
- justify-content: center;
721
- border-radius: 4px;
722
- transition: background-color 0.2s ease;
723
- }
724
- .edgepdf-marker-edit-popup-close:hover {
725
- background-color: #f0f0f0;
726
- color: #333;
727
- }
728
- .edgepdf-marker-edit-popup-body {
729
- padding: 20px;
730
- }
731
- .edgepdf-marker-edit-field {
732
- margin-bottom: 16px;
733
- }
734
- .edgepdf-marker-edit-field:last-child {
735
- margin-bottom: 0;
736
- }
737
- .edgepdf-marker-edit-field label {
738
- display: block;
739
- margin-bottom: 8px;
740
- font-size: 14px;
741
- font-weight: 500;
742
- color: #333;
743
- }
744
- .edgepdf-marker-edit-input {
745
- width: 100%;
746
- padding: 10px 12px;
747
- border: 1px solid #ccc;
748
- border-radius: 4px;
749
- font-size: 14px;
750
- box-sizing: border-box;
751
- transition: border-color 0.2s ease;
752
- }
753
- .edgepdf-marker-edit-input:focus {
754
- outline: none;
755
- border-color: #1976d2;
756
- box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
757
- }
758
- .edgepdf-marker-edit-popup-footer {
759
- display: flex;
760
- justify-content: flex-end;
761
- gap: 12px;
762
- padding: 16px 20px;
763
- border-top: 1px solid #e0e0e0;
764
- }
765
- .edgepdf-marker-edit-button {
766
- padding: 10px 20px;
767
- border: 1px solid #ccc;
768
- border-radius: 4px;
769
- background-color: #fff;
770
- color: #333;
771
- cursor: pointer;
772
- font-size: 14px;
773
- font-weight: 500;
774
- transition: all 0.2s ease;
775
- }
776
- .edgepdf-marker-edit-button-cancel:hover {
777
- background-color: #f0f0f0;
778
- border-color: #999;
779
- }
780
- .edgepdf-marker-edit-button-save {
781
- background-color: #1976d2;
782
- color: #fff;
783
- border-color: #1976d2;
784
- }
785
- .edgepdf-marker-edit-button-save:hover {
786
- background-color: #1565c0;
787
- border-color: #1565c0;
788
- }
789
- .edgepdf-marker-delete-popup {
790
- position: fixed;
791
- top: 0;
792
- left: 0;
793
- right: 0;
794
- bottom: 0;
795
- z-index: 100000;
796
- display: flex;
797
- align-items: center;
798
- justify-content: center;
799
- }
800
- .edgepdf-marker-delete-popup-overlay {
801
- position: absolute;
802
- top: 0;
803
- left: 0;
804
- right: 0;
805
- bottom: 0;
806
- background-color: rgba(0, 0, 0, 0.5);
807
- cursor: pointer;
808
- }
809
- .edgepdf-marker-delete-popup-content {
810
- position: relative;
811
- background-color: #fff;
812
- border-radius: 8px;
813
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
814
- width: 90%;
815
- max-width: 500px;
816
- max-height: 90vh;
817
- overflow: auto;
818
- z-index: 100001;
819
- }
820
- .edgepdf-marker-delete-popup-header {
821
- display: flex;
822
- justify-content: space-between;
823
- align-items: center;
824
- padding: 16px 20px;
825
- border-bottom: 1px solid #e0e0e0;
826
- }
827
- .edgepdf-marker-delete-popup-header h3 {
828
- margin: 0;
829
- font-size: 18px;
830
- font-weight: 600;
831
- color: #333;
832
- }
833
- .edgepdf-marker-delete-popup-close {
834
- background: none;
835
- border: none;
836
- font-size: 24px;
837
- line-height: 1;
838
- color: #666;
839
- cursor: pointer;
840
- padding: 0;
841
- width: 32px;
842
- height: 32px;
843
- display: flex;
844
- align-items: center;
845
- justify-content: center;
846
- border-radius: 4px;
847
- transition: background-color 0.2s ease;
848
- }
849
- .edgepdf-marker-delete-popup-close:hover {
850
- background-color: #f0f0f0;
851
- color: #333;
852
- }
853
- .edgepdf-marker-delete-popup-body {
854
- padding: 20px;
855
- }
856
- .edgepdf-marker-delete-popup-body p {
857
- margin: 0;
858
- font-size: 14px;
859
- color: #333;
860
- line-height: 1.5;
861
- }
862
- .edgepdf-marker-delete-popup-body strong {
863
- font-weight: 600;
864
- color: #d32f2f;
865
- }
866
- .edgepdf-marker-delete-popup-footer {
867
- display: flex;
868
- justify-content: flex-end;
869
- gap: 12px;
870
- padding: 16px 20px;
871
- border-top: 1px solid #e0e0e0;
872
- }
873
- .edgepdf-marker-delete-button {
874
- padding: 10px 20px;
875
- border: 1px solid #ccc;
876
- border-radius: 4px;
877
- background-color: #fff;
878
- color: #333;
879
- cursor: pointer;
880
- font-size: 14px;
881
- font-weight: 500;
882
- transition: all 0.2s ease;
883
- }
884
- .edgepdf-marker-delete-button-cancel:hover {
885
- background-color: #f0f0f0;
886
- border-color: #999;
887
- }
888
- .edgepdf-marker-delete-button-confirm {
889
- background-color: #d32f2f;
890
- color: #fff;
891
- border-color: #d32f2f;
892
- }
893
- .edgepdf-marker-delete-button-confirm:hover {
894
- background-color: #b71c1c;
895
- border-color: #b71c1c;
896
- }
897
- .edgepdf-marker-icon-overlay-container {
898
- background: transparent !important;
899
- border: none !important;
900
- box-shadow: none !important;
901
- }
902
- .edgepdf-marker-icon-overlay {
903
- display: flex;
904
- flex-direction: column;
905
- gap: 4px;
906
- position: relative;
907
- z-index: 1000;
908
- }
909
- .edgepdf-marker-icon-button {
910
- border: none;
911
- background: transparent;
912
- padding: 0;
913
- cursor: pointer;
914
- display: flex;
915
- align-items: center;
916
- justify-content: center;
917
- width: 24px;
918
- height: 24px;
919
- transition: transform 0.2s ease, opacity 0.2s ease;
920
- }
921
- .edgepdf-marker-icon-button:hover {
922
- transform: scale(1.1);
923
- opacity: 0.9;
924
- }
925
- .edgepdf-marker-icon-button:active {
926
- transform: scale(0.95);
927
- }
928
-
929
- /* packages/viewer-react/src/styles.css */