@edgepdf/viewer-react 0.0.35 → 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
- /* packages/viewer-js/dist/index.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
- .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
- font-family: "Lato", sans-serif;
677
- }
678
- .edgepdf-marker-edit-popup-overlay {
679
- position: absolute;
680
- top: 0;
681
- left: 0;
682
- right: 0;
683
- bottom: 0;
684
- background-color: rgba(0, 0, 0, 0.7);
685
- cursor: pointer;
686
- }
687
- .edgepdf-marker-edit-popup-content {
688
- position: relative;
689
- background-color: #1a1a1a;
690
- border-radius: 8px;
691
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
692
- border: 1px solid #333;
693
- width: 90%;
694
- max-width: 500px;
695
- max-height: 90vh;
696
- overflow: auto;
697
- z-index: 100001;
698
- }
699
- .edgepdf-marker-edit-popup-header {
700
- display: flex;
701
- justify-content: space-between;
702
- align-items: center;
703
- padding: 16px 20px;
704
- border-bottom: 1px solid #333;
705
- }
706
- .edgepdf-marker-edit-popup-header h3 {
707
- margin: 0;
708
- font-size: 18px;
709
- font-weight: 600;
710
- color: #fff;
711
- }
712
- .edgepdf-marker-edit-popup-close {
713
- background: none;
714
- border: none;
715
- font-size: 24px;
716
- line-height: 1;
717
- color: #fff;
718
- cursor: pointer;
719
- padding: 0;
720
- width: 32px;
721
- height: 32px;
722
- display: flex;
723
- align-items: center;
724
- justify-content: center;
725
- border-radius: 4px;
726
- transition: background-color 0.2s ease;
727
- }
728
- .edgepdf-marker-edit-popup-close:hover {
729
- background-color: #333;
730
- color: #ffa500;
731
- }
732
- .edgepdf-marker-edit-popup-body {
733
- padding: 20px;
734
- }
735
- .edgepdf-marker-edit-field {
736
- margin-bottom: 16px;
737
- }
738
- .edgepdf-marker-edit-field:last-child {
739
- margin-bottom: 0;
740
- }
741
- .edgepdf-marker-edit-field label {
742
- display: block;
743
- margin-bottom: 8px;
744
- font-size: 14px;
745
- font-weight: 500;
746
- color: #fff;
747
- }
748
- .edgepdf-marker-edit-input {
749
- width: 100%;
750
- padding: 10px 12px;
751
- border: 1px solid #444;
752
- border-radius: 4px;
753
- font-size: 14px;
754
- background-color: #2a2a2a;
755
- color: #fff;
756
- box-sizing: border-box;
757
- transition: border-color 0.2s ease;
758
- }
759
- .edgepdf-marker-edit-input:focus {
760
- outline: none;
761
- border-color: #ffa500;
762
- box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
763
- }
764
- .edgepdf-marker-edit-input::placeholder {
765
- color: #888;
766
- }
767
- .edgepdf-marker-edit-popup-footer {
768
- display: flex;
769
- justify-content: flex-end;
770
- gap: 12px;
771
- padding: 16px 20px;
772
- border-top: 1px solid #333;
773
- }
774
- .edgepdf-marker-edit-button {
775
- padding: 10px 20px;
776
- border: 1px solid #444;
777
- border-radius: 4px;
778
- background-color: #2a2a2a;
779
- color: #fff;
780
- cursor: pointer;
781
- font-size: 14px;
782
- font-weight: 500;
783
- transition: all 0.2s ease;
784
- }
785
- .edgepdf-marker-edit-button-cancel:hover {
786
- background-color: #333;
787
- border-color: #555;
788
- }
789
- .edgepdf-marker-edit-button-save {
790
- background-color: #ffa500;
791
- color: #000;
792
- border-color: #ffa500;
793
- }
794
- .edgepdf-marker-edit-button-save:hover {
795
- background-color: #ffd700;
796
- border-color: #ffd700;
797
- }
798
- .edgepdf-marker-delete-popup {
799
- position: fixed;
800
- top: 0;
801
- left: 0;
802
- right: 0;
803
- bottom: 0;
804
- z-index: 100000;
805
- display: flex;
806
- align-items: center;
807
- justify-content: center;
808
- font-family: "Lato", sans-serif;
809
- }
810
- .edgepdf-marker-delete-popup-overlay {
811
- position: absolute;
812
- top: 0;
813
- left: 0;
814
- right: 0;
815
- bottom: 0;
816
- background-color: rgba(0, 0, 0, 0.7);
817
- cursor: pointer;
818
- }
819
- .edgepdf-marker-delete-popup-content {
820
- position: relative;
821
- background-color: #1a1a1a;
822
- border-radius: 8px;
823
- box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
824
- border: 1px solid #333;
825
- width: 90%;
826
- max-width: 500px;
827
- max-height: 90vh;
828
- overflow: auto;
829
- z-index: 100001;
830
- }
831
- .edgepdf-marker-delete-popup-header {
832
- display: flex;
833
- justify-content: space-between;
834
- align-items: center;
835
- padding: 16px 20px;
836
- border-bottom: 1px solid #333;
837
- }
838
- .edgepdf-marker-delete-popup-header h3 {
839
- margin: 0;
840
- font-size: 18px;
841
- font-weight: 600;
842
- color: #fff;
843
- }
844
- .edgepdf-marker-delete-popup-close {
845
- background: none;
846
- border: none;
847
- font-size: 24px;
848
- line-height: 1;
849
- color: #fff;
850
- cursor: pointer;
851
- padding: 0;
852
- width: 32px;
853
- height: 32px;
854
- display: flex;
855
- align-items: center;
856
- justify-content: center;
857
- border-radius: 4px;
858
- transition: background-color 0.2s ease;
859
- }
860
- .edgepdf-marker-delete-popup-close:hover {
861
- background-color: #333;
862
- color: #ffa500;
863
- }
864
- .edgepdf-marker-delete-popup-body {
865
- padding: 20px;
866
- }
867
- .edgepdf-marker-delete-popup-body p {
868
- margin: 0;
869
- font-size: 14px;
870
- color: #fff;
871
- line-height: 1.5;
872
- }
873
- .edgepdf-marker-delete-popup-body strong {
874
- font-weight: 600;
875
- color: #ffa500;
876
- }
877
- .edgepdf-marker-delete-popup-footer {
878
- display: flex;
879
- justify-content: flex-end;
880
- gap: 12px;
881
- padding: 16px 20px;
882
- border-top: 1px solid #333;
883
- }
884
- .edgepdf-marker-delete-button {
885
- padding: 10px 20px;
886
- border: 1px solid #444;
887
- border-radius: 4px;
888
- background-color: #2a2a2a;
889
- color: #fff;
890
- cursor: pointer;
891
- font-size: 14px;
892
- font-weight: 500;
893
- transition: all 0.2s ease;
894
- }
895
- .edgepdf-marker-delete-button-cancel:hover {
896
- background-color: #333;
897
- border-color: #555;
898
- }
899
- .edgepdf-marker-delete-button-confirm {
900
- background-color: #ffa500;
901
- color: #000;
902
- border-color: #ffa500;
903
- }
904
- .edgepdf-marker-delete-button-confirm:hover {
905
- background-color: #ffd700;
906
- border-color: #ffd700;
907
- }
908
- .edgepdf-marker-icon-overlay-container {
909
- background: transparent !important;
910
- border: none !important;
911
- box-shadow: none !important;
912
- }
913
- .edgepdf-marker-icon-overlay {
914
- display: flex;
915
- flex-direction: column;
916
- gap: 4px;
917
- position: relative;
918
- z-index: 1000;
919
- }
920
- .edgepdf-marker-icon-button {
921
- border: none;
922
- background: transparent;
923
- padding: 0;
924
- cursor: pointer;
925
- display: flex;
926
- align-items: center;
927
- justify-content: center;
928
- width: 24px;
929
- height: 24px;
930
- transition: transform 0.2s ease, opacity 0.2s ease;
931
- }
932
- .edgepdf-marker-icon-button:hover {
933
- transform: scale(1.1);
934
- opacity: 0.9;
935
- }
936
- .edgepdf-marker-icon-button:active {
937
- transform: scale(0.95);
938
- }
939
-
940
- /* packages/viewer-react/src/styles.css */