@syncfusion/ej2-vue-pdfviewer 20.4.54 → 21.1.36

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.
Files changed (50) hide show
  1. package/CHANGELOG.md +195 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-pdfviewer.umd.min.js +2 -2
  4. package/dist/ej2-vue-pdfviewer.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-vue-pdfviewer.es2015.js +161 -182
  6. package/dist/es6/ej2-vue-pdfviewer.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-pdfviewer.es5.js +173 -199
  8. package/dist/es6/ej2-vue-pdfviewer.es5.js.map +1 -1
  9. package/dist/global/ej2-vue-pdfviewer.min.js +2 -2
  10. package/package.json +11 -10
  11. package/src/pdfviewer/pdfviewer.component.d.ts +3 -52
  12. package/src/pdfviewer/pdfviewer.component.js +174 -203
  13. package/styles/bootstrap-dark.css +55 -11
  14. package/styles/bootstrap.css +55 -11
  15. package/styles/bootstrap4.css +55 -11
  16. package/styles/bootstrap5-dark.css +67 -17
  17. package/styles/bootstrap5.css +67 -17
  18. package/styles/fabric-dark.css +55 -11
  19. package/styles/fabric.css +55 -11
  20. package/styles/fluent-dark.css +92 -17
  21. package/styles/fluent.css +92 -17
  22. package/styles/highcontrast-light.css +55 -11
  23. package/styles/highcontrast.css +55 -11
  24. package/styles/material-dark.css +55 -11
  25. package/styles/material.css +55 -16
  26. package/styles/material3-dark.css +3482 -0
  27. package/styles/material3-dark.scss +2 -0
  28. package/styles/material3.css +3538 -0
  29. package/styles/material3.scss +2 -0
  30. package/styles/pdfviewer/bootstrap-dark.css +55 -11
  31. package/styles/pdfviewer/bootstrap.css +55 -11
  32. package/styles/pdfviewer/bootstrap4.css +55 -11
  33. package/styles/pdfviewer/bootstrap5-dark.css +67 -17
  34. package/styles/pdfviewer/bootstrap5.css +67 -17
  35. package/styles/pdfviewer/fabric-dark.css +55 -11
  36. package/styles/pdfviewer/fabric.css +55 -11
  37. package/styles/pdfviewer/fluent-dark.css +92 -17
  38. package/styles/pdfviewer/fluent.css +92 -17
  39. package/styles/pdfviewer/highcontrast-light.css +55 -11
  40. package/styles/pdfviewer/highcontrast.css +55 -11
  41. package/styles/pdfviewer/material-dark.css +55 -11
  42. package/styles/pdfviewer/material.css +55 -16
  43. package/styles/pdfviewer/material3-dark.css +3482 -0
  44. package/styles/pdfviewer/material3-dark.scss +2 -0
  45. package/styles/pdfviewer/material3.css +3538 -0
  46. package/styles/pdfviewer/material3.scss +2 -0
  47. package/styles/pdfviewer/tailwind-dark.css +58 -11
  48. package/styles/pdfviewer/tailwind.css +58 -11
  49. package/styles/tailwind-dark.css +58 -11
  50. package/styles/tailwind.css +58 -11
@@ -601,13 +601,13 @@
601
601
  /* stylelint-disable value-no-vendor-prefix */
602
602
  /* stylelint-disable property-no-vendor-prefix */
603
603
  .e-pv-viewer-container {
604
- background-color: #e1dfdd;
605
604
  border-color: #e1dfdd;
606
605
  height: 100%;
607
606
  overflow: auto;
608
607
  position: relative;
609
608
  -ms-touch-action: pan-x pan-y;
610
609
  touch-action: pan-x pan-y;
610
+ background-color: #e1dfdd;
611
611
  }
612
612
 
613
613
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -828,6 +828,11 @@ input.e-pv-input-password::-ms-reveal {
828
828
  padding-bottom: 2px;
829
829
  }
830
830
 
831
+ .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
832
+ .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
833
+ padding-bottom: 2px;
834
+ }
835
+
831
836
  .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
832
837
  .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
833
838
  line-height: 22px;
@@ -1074,7 +1079,7 @@ input.e-pv-input-password::-ms-reveal {
1074
1079
  }
1075
1080
 
1076
1081
  .e-pv-password-popup.e-dialog {
1077
- height: 198px;
1082
+ height: 240px;
1078
1083
  margin: 0 10px;
1079
1084
  max-width: 500px;
1080
1085
  }
@@ -1759,7 +1764,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1759
1764
  }
1760
1765
 
1761
1766
  .e-pv-notification-popup.e-pv-notification-large-content {
1762
- height: 205px;
1767
+ height: 278px;
1763
1768
  max-width: 400px;
1764
1769
  }
1765
1770
 
@@ -1898,6 +1903,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1898
1903
  font-size: 16px;
1899
1904
  }
1900
1905
 
1906
+ .e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
1907
+ .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
1908
+ .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
1909
+ font-size: 18px;
1910
+ }
1911
+
1901
1912
  .e-pv-annotation-color-container,
1902
1913
  .e-pv-annotation-opacity-container,
1903
1914
  .e-pv-annotation-stroke-container,
@@ -2193,9 +2204,9 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2193
2204
  .e-pv-properties-line-stroke-color-label,
2194
2205
  .e-pv-properties-line-opacity-label,
2195
2206
  .e-pv-properties-line-leader-length-label {
2196
- font-size: 14px;
2197
2207
  margin-bottom: 8px;
2198
2208
  font-weight: 600;
2209
+ font-size: 14px;
2199
2210
  }
2200
2211
 
2201
2212
  .e-pv-properties-line-end-container,
@@ -2337,6 +2348,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2337
2348
  margin-right: 7.5px;
2338
2349
  margin-top: 2.5px;
2339
2350
  width: 120px;
2351
+ width: 138px;
2340
2352
  }
2341
2353
 
2342
2354
  .e-bigger .e-pv-line-styles-content-container {
@@ -2366,6 +2378,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2366
2378
 
2367
2379
  .e-pv-properties-opacity-indicator {
2368
2380
  margin-left: 141px;
2381
+ margin-left: 153px;
2369
2382
  }
2370
2383
 
2371
2384
  .e-pv-annotation-stamp-container .e-menu-parent.e-menu {
@@ -2412,6 +2425,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2412
2425
  height: 240px;
2413
2426
  }
2414
2427
 
2428
+ .e-bigger .e-pv-password-popup.e-dialog,
2429
+ .e-pv-mobile-view .e-pv-password-popup.e-dialog {
2430
+ height: 270px;
2431
+ }
2432
+
2415
2433
  .e-bigger .e-pv-notification-popup.e-dialog,
2416
2434
  .e-pv-mobile-view .e-pv-notification-popup.e-dialog {
2417
2435
  height: 195px;
@@ -2422,6 +2440,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2422
2440
  height: 220px;
2423
2441
  }
2424
2442
 
2443
+ .e-bigger .e-pv-notification-popup.e-pv-notification-large-content.e-dialog,
2444
+ .e-pv-mobile-view .e-pv-notification-popup.e-pv-notification-large-content.e-dialog {
2445
+ height: 280px;
2446
+ }
2447
+
2425
2448
  .e-bigger .e-pv-corrupted-popup.e-dialog,
2426
2449
  .e-pv-mobile-view .e-pv-corrupted-popup.e-dialog {
2427
2450
  height: 198px;
@@ -2528,10 +2551,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2528
2551
 
2529
2552
  .e-pdfviewer .e-editable-value-wrapper {
2530
2553
  color: #323130;
2531
- font-size: 14px;
2532
2554
  line-height: normal;
2533
2555
  min-height: 22px;
2534
2556
  padding: 2px 8px 3px;
2557
+ font-size: 14px;
2535
2558
  }
2536
2559
 
2537
2560
  .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2635,11 +2658,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2635
2658
 
2636
2659
  .e-pv-comment-panel-title-container {
2637
2660
  background-color: #faf9f8;
2638
- border-color: #edebe9;
2639
2661
  border-style: double;
2640
2662
  border-width: 0 1px 1px 0;
2641
2663
  height: 45px;
2642
2664
  position: relative;
2665
+ border-color: #edebe9;
2643
2666
  }
2644
2667
 
2645
2668
  .e-pv-comment-panel-title {
@@ -2647,9 +2670,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2647
2670
  font-size: 14px;
2648
2671
  font-weight: 600;
2649
2672
  left: 15px;
2673
+ top: 14px;
2650
2674
  position: absolute;
2651
2675
  text-align: left;
2652
- top: 14px;
2653
2676
  }
2654
2677
 
2655
2678
  .e-pv-comment-panel-title-close-div.e-btn {
@@ -2692,12 +2715,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2692
2715
 
2693
2716
  .e-pv-comment-title {
2694
2717
  color: #0078d4;
2718
+ padding-left: 32px;
2719
+ padding-top: 5px;
2695
2720
  color: #201f1e;
2696
2721
  font-size: 14px;
2697
2722
  font-weight: 600;
2698
2723
  max-width: 237px;
2699
- padding-left: 32px;
2700
- padding-top: 5px;
2701
2724
  position: absolute;
2702
2725
  }
2703
2726
 
@@ -2763,7 +2786,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2763
2786
 
2764
2787
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
2765
2788
  border-bottom: 0;
2766
- word-break: break-all;
2789
+ word-break: break-word;
2767
2790
  }
2768
2791
 
2769
2792
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -2843,8 +2866,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2843
2866
  }
2844
2867
 
2845
2868
  .e-pv-signature-dialog-height .e-pv-cancelbtn {
2846
- height: 30px;
2847
- min-height: 30px;
2869
+ height: 32px;
2870
+ min-height: 32px;
2848
2871
  }
2849
2872
 
2850
2873
  .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -3089,6 +3112,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3089
3112
  .e-pv-properties-visibility-style-prop {
3090
3113
  padding-bottom: 12px;
3091
3114
  padding-top: 12px;
3115
+ padding-bottom: 10px;
3116
+ padding-top: 20px;
3092
3117
  }
3093
3118
 
3094
3119
  .e-pv-properties-checkbox-main-div-prop {
@@ -3139,6 +3164,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3139
3164
  padding: 12px 20px 12px 1px;
3140
3165
  }
3141
3166
 
3167
+ .e-bigger .e-pv-properties-fill-color-style-prop,
3168
+ .e-bigger .e-pv-properties-stroke-color-style-prop,
3169
+ .e-bigger .e-pv-properties-stroke-thickness-style-prop {
3170
+ padding: 12px 20px 12px 1px;
3171
+ }
3172
+
3142
3173
  .e-pv-formfield-fontcolor-icon,
3143
3174
  .e-pv-formfield-strokecolor-icon,
3144
3175
  .e-pv-formfield-strokethickness-icon {
@@ -3155,6 +3186,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3155
3186
  .e-pv-properties-font-family-container {
3156
3187
  margin-right: 15px;
3157
3188
  width: 122px;
3189
+ width: 165px;
3158
3190
  }
3159
3191
 
3160
3192
  .e-pv-properties-font-size-container {
@@ -3314,7 +3346,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3314
3346
  color: #fff;
3315
3347
  }
3316
3348
 
3317
- .e-pv-formfield-li-element:hover {
3349
+ .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
3318
3350
  background-color: #0078d4;
3319
3351
  color: #fff;
3320
3352
  }
@@ -3353,6 +3385,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3353
3385
  .e-pv-form-field-property-header-general {
3354
3386
  font-family: "Segoe UI";
3355
3387
  height: 24px;
3388
+ font-family: "Roboto";
3356
3389
  font-size: 14px;
3357
3390
  font-style: normal;
3358
3391
  line-height: 22px;
@@ -3402,6 +3435,39 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3402
3435
  border: 1px solid #605e5c;
3403
3436
  }
3404
3437
 
3438
+ .e-bigger .e-pv-properties-form-field-font-style {
3439
+ background: #fff;
3440
+ border-radius: 2px;
3441
+ display: -ms-flexbox;
3442
+ display: flex;
3443
+ height: 36px;
3444
+ -ms-flex-pack: space-evenly;
3445
+ justify-content: space-evenly;
3446
+ width: 154px;
3447
+ -ms-flex-align: center;
3448
+ align-items: center;
3449
+ border: 1px solid #605e5c;
3450
+ height: 32px;
3451
+ width: 163px;
3452
+ }
3453
+
3454
+ .e-bigger .e-pv-properties-form-field-font-align {
3455
+ background: #fff;
3456
+ border-radius: 2px;
3457
+ display: -ms-flexbox;
3458
+ display: flex;
3459
+ height: 36px;
3460
+ -ms-flex-pack: space-evenly;
3461
+ justify-content: space-evenly;
3462
+ margin-right: 15px;
3463
+ width: 120px;
3464
+ -ms-flex-align: center;
3465
+ align-items: center;
3466
+ border: 1px solid #edebe9;
3467
+ height: 32px;
3468
+ border: 1px solid #605e5c;
3469
+ }
3470
+
3405
3471
  .e-pv-properties-formfield-label {
3406
3472
  color: #323130;
3407
3473
  font-family: "Roboto";
@@ -3420,7 +3486,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3420
3486
  }
3421
3487
 
3422
3488
  .e-pv-properties-form-field-window {
3423
- height: 479px;
3489
+ height: 555px;
3490
+ }
3491
+
3492
+ .e-bigger .e-pv-properties-form-field-window {
3493
+ height: 585px;
3424
3494
  }
3425
3495
 
3426
3496
  .e-pv-properties-header-spliter {
@@ -3453,8 +3523,13 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3453
3523
  }
3454
3524
 
3455
3525
  .e-dialog.e-pv-signature-dialog-height {
3456
- height: 555px;
3457
- min-height: 555px;
3526
+ height: 591px;
3527
+ min-height: 591px;
3528
+ }
3529
+
3530
+ .e-bigger .e-dialog.e-pv-signature-dialog-height {
3531
+ height: 627px;
3532
+ min-height: 591px;
3458
3533
  }
3459
3534
 
3460
3535
  .e-bigger .e-pv-signature-dialog-height {
@@ -3463,7 +3538,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3463
3538
 
3464
3539
  .e-dialog.e-pv-signature-dialog-blazor-height {
3465
3540
  height: 535px;
3466
- min-height: 555px;
3541
+ min-height: 591px;
3467
3542
  }
3468
3543
 
3469
3544
  .e-pv-handwritten-signature-canvas {
@@ -595,13 +595,13 @@
595
595
  /* stylelint-disable value-no-vendor-prefix */
596
596
  /* stylelint-disable property-no-vendor-prefix */
597
597
  .e-pv-viewer-container {
598
- background-color: #fff;
599
598
  border-color: #757575;
600
599
  height: calc(100% - 50px);
601
600
  overflow: auto;
602
601
  position: relative;
603
602
  -ms-touch-action: pan-x pan-y;
604
603
  touch-action: pan-x pan-y;
604
+ background-color: #fff;
605
605
  }
606
606
 
607
607
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -814,6 +814,11 @@ input.e-pv-input-password::-ms-reveal {
814
814
  padding-bottom: 0;
815
815
  }
816
816
 
817
+ .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
818
+ .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
819
+ padding-bottom: 0;
820
+ }
821
+
817
822
  .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
818
823
  .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
819
824
  line-height: 26px;
@@ -1801,6 +1806,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1801
1806
  font-size: 12px;
1802
1807
  }
1803
1808
 
1809
+ .e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
1810
+ .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
1811
+ .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
1812
+ font-size: 18px;
1813
+ }
1814
+
1804
1815
  .e-pv-annotation-color-container,
1805
1816
  .e-pv-annotation-opacity-container,
1806
1817
  .e-pv-annotation-stroke-container,
@@ -2056,8 +2067,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2056
2067
  .e-pv-properties-line-stroke-color-label,
2057
2068
  .e-pv-properties-line-opacity-label,
2058
2069
  .e-pv-properties-line-leader-length-label {
2059
- font-size: 14px;
2060
2070
  margin-bottom: 8px;
2071
+ font-size: 14px;
2061
2072
  }
2062
2073
 
2063
2074
  .e-pv-properties-line-end-container,
@@ -2336,10 +2347,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2336
2347
 
2337
2348
  .e-pdfviewer .e-editable-value-wrapper {
2338
2349
  color: rgba(255, 255, 255, 0.9);
2339
- font-size: 14px;
2340
2350
  line-height: normal;
2341
2351
  min-height: 22px;
2342
2352
  padding: 2px 8px 3px;
2353
+ font-size: 14px;
2343
2354
  }
2344
2355
 
2345
2356
  .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2443,20 +2454,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2443
2454
 
2444
2455
  .e-pv-comment-panel-title-container {
2445
2456
  background-color: rgb(0, 0, 0);
2446
- border-color: rgb(150, 150, 150);
2447
2457
  border-style: double;
2448
2458
  border-width: 0 1px 1px 0;
2449
2459
  height: 45px;
2450
2460
  position: relative;
2461
+ border-color: rgb(150, 150, 150);
2451
2462
  }
2452
2463
 
2453
2464
  .e-pv-comment-panel-title {
2454
2465
  color: rgba(255, 255, 255, 0.9);
2455
2466
  font-size: 14px;
2456
2467
  left: 15px;
2468
+ top: 14px;
2457
2469
  position: absolute;
2458
2470
  text-align: left;
2459
- top: 14px;
2460
2471
  }
2461
2472
 
2462
2473
  .e-pv-comment-panel-title-close-div.e-btn {
@@ -2504,10 +2515,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2504
2515
 
2505
2516
  .e-pv-comment-title {
2506
2517
  color: rgba(255, 255, 255, 0.6);
2507
- font-size: 14px;
2508
- max-width: 237px;
2509
2518
  padding-left: 32px;
2510
2519
  padding-top: 6px;
2520
+ font-size: 14px;
2521
+ max-width: 237px;
2511
2522
  position: absolute;
2512
2523
  }
2513
2524
 
@@ -2566,7 +2577,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2566
2577
 
2567
2578
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
2568
2579
  border-bottom: 0;
2569
- word-break: break-all;
2580
+ word-break: break-word;
2570
2581
  }
2571
2582
 
2572
2583
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -2646,8 +2657,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2646
2657
  }
2647
2658
 
2648
2659
  .e-pv-signature-dialog-height .e-pv-cancelbtn {
2649
- height: 30px;
2650
- min-height: 30px;
2660
+ height: 32px;
2661
+ min-height: 32px;
2651
2662
  }
2652
2663
 
2653
2664
  .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2940,6 +2951,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2940
2951
  padding: 12px 20px 12px 1px;
2941
2952
  }
2942
2953
 
2954
+ .e-bigger .e-pv-properties-fill-color-style-prop,
2955
+ .e-bigger .e-pv-properties-stroke-color-style-prop,
2956
+ .e-bigger .e-pv-properties-stroke-thickness-style-prop {
2957
+ padding: 12px 20px 12px 1px;
2958
+ }
2959
+
2943
2960
  .e-pv-formfield-fontcolor-icon,
2944
2961
  .e-pv-formfield-strokecolor-icon,
2945
2962
  .e-pv-formfield-strokethickness-icon {
@@ -3104,7 +3121,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3104
3121
  background-color: #d3d3d3;
3105
3122
  }
3106
3123
 
3107
- .e-pv-formfield-li-element:hover {
3124
+ .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
3108
3125
  background-color: #d3d3d3;
3109
3126
  }
3110
3127
 
@@ -3180,6 +3197,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3180
3197
  width: 120px;
3181
3198
  }
3182
3199
 
3200
+ .e-bigger .e-pv-properties-form-field-font-style {
3201
+ background: #000;
3202
+ border-radius: 2px;
3203
+ display: -ms-flexbox;
3204
+ display: flex;
3205
+ height: 36px;
3206
+ -ms-flex-pack: space-evenly;
3207
+ justify-content: space-evenly;
3208
+ width: 154px;
3209
+ }
3210
+
3211
+ .e-bigger .e-pv-properties-form-field-font-align {
3212
+ background: #000;
3213
+ border-radius: 2px;
3214
+ display: -ms-flexbox;
3215
+ display: flex;
3216
+ height: 36px;
3217
+ -ms-flex-pack: space-evenly;
3218
+ justify-content: space-evenly;
3219
+ margin-right: 15px;
3220
+ width: 120px;
3221
+ }
3222
+
3183
3223
  .e-pv-properties-formfield-label {
3184
3224
  color: #757575;
3185
3225
  font-family: "Roboto";
@@ -3231,6 +3271,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3231
3271
  height: 570px;
3232
3272
  }
3233
3273
 
3274
+ .e-bigger .e-pv-signature-dialog-height {
3275
+ min-height: 592px;
3276
+ }
3277
+
3234
3278
  .e-dialog.e-pv-signature-dialog-blazor-height {
3235
3279
  height: 570px;
3236
3280
  }
@@ -595,13 +595,13 @@
595
595
  /* stylelint-disable value-no-vendor-prefix */
596
596
  /* stylelint-disable property-no-vendor-prefix */
597
597
  .e-pv-viewer-container {
598
- background-color: #000;
599
598
  border-color: #969696;
600
599
  height: calc(100% - 50px);
601
600
  overflow: auto;
602
601
  position: relative;
603
602
  -ms-touch-action: pan-x pan-y;
604
603
  touch-action: pan-x pan-y;
604
+ background-color: #000;
605
605
  }
606
606
 
607
607
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -814,6 +814,11 @@ input.e-pv-input-password::-ms-reveal {
814
814
  padding-bottom: 0;
815
815
  }
816
816
 
817
+ .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
818
+ .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
819
+ padding-bottom: 0;
820
+ }
821
+
817
822
  .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
818
823
  .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
819
824
  line-height: 26px;
@@ -1801,6 +1806,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1801
1806
  font-size: 12px;
1802
1807
  }
1803
1808
 
1809
+ .e-bigger .e-.e-pv-annotation-color-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn .e-caret .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn .e-caret,
1810
+ .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
1811
+ .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
1812
+ font-size: 18px;
1813
+ }
1814
+
1804
1815
  .e-pv-annotation-color-container,
1805
1816
  .e-pv-annotation-opacity-container,
1806
1817
  .e-pv-annotation-stroke-container,
@@ -2060,8 +2071,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2060
2071
  .e-pv-properties-line-stroke-color-label,
2061
2072
  .e-pv-properties-line-opacity-label,
2062
2073
  .e-pv-properties-line-leader-length-label {
2063
- font-size: 14px;
2064
2074
  margin-bottom: 8px;
2075
+ font-size: 14px;
2065
2076
  }
2066
2077
 
2067
2078
  .e-pv-properties-line-end-container,
@@ -2340,10 +2351,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2340
2351
 
2341
2352
  .e-pdfviewer .e-editable-value-wrapper {
2342
2353
  color: rgba(255, 255, 255, 0.9);
2343
- font-size: 14px;
2344
2354
  line-height: normal;
2345
2355
  min-height: 22px;
2346
2356
  padding: 2px 8px 3px;
2357
+ font-size: 14px;
2347
2358
  }
2348
2359
 
2349
2360
  .e-pdfviewer .e-pv-comment-textbox .e-editable-value-wrapper {
@@ -2447,20 +2458,20 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2447
2458
 
2448
2459
  .e-pv-comment-panel-title-container {
2449
2460
  background-color: rgb(0, 0, 0);
2450
- border-color: rgb(150, 150, 150);
2451
2461
  border-style: double;
2452
2462
  border-width: 0 1px 1px 0;
2453
2463
  height: 45px;
2454
2464
  position: relative;
2465
+ border-color: rgb(150, 150, 150);
2455
2466
  }
2456
2467
 
2457
2468
  .e-pv-comment-panel-title {
2458
2469
  color: rgba(255, 255, 255, 0.9);
2459
2470
  font-size: 14px;
2460
2471
  left: 15px;
2472
+ top: 14px;
2461
2473
  position: absolute;
2462
2474
  text-align: left;
2463
- top: 14px;
2464
2475
  }
2465
2476
 
2466
2477
  .e-pv-comment-panel-title-close-div.e-btn {
@@ -2508,10 +2519,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2508
2519
 
2509
2520
  .e-pv-comment-title {
2510
2521
  color: rgba(255, 255, 255, 0.6);
2511
- font-size: 14px;
2512
- max-width: 237px;
2513
2522
  padding-left: 32px;
2514
2523
  padding-top: 6px;
2524
+ font-size: 14px;
2525
+ max-width: 237px;
2515
2526
  position: absolute;
2516
2527
  }
2517
2528
 
@@ -2570,7 +2581,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2570
2581
 
2571
2582
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
2572
2583
  border-bottom: 0;
2573
- word-break: break-all;
2584
+ word-break: break-word;
2574
2585
  }
2575
2586
 
2576
2587
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -2650,8 +2661,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2650
2661
  }
2651
2662
 
2652
2663
  .e-pv-signature-dialog-height .e-pv-cancelbtn {
2653
- height: 30px;
2654
- min-height: 30px;
2664
+ height: 32px;
2665
+ min-height: 32px;
2655
2666
  }
2656
2667
 
2657
2668
  .e-pv-signature-dialog-height .e-pv-createbtn {
@@ -2949,6 +2960,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2949
2960
  padding: 12px 20px 12px 1px;
2950
2961
  }
2951
2962
 
2963
+ .e-bigger .e-pv-properties-fill-color-style-prop,
2964
+ .e-bigger .e-pv-properties-stroke-color-style-prop,
2965
+ .e-bigger .e-pv-properties-stroke-thickness-style-prop {
2966
+ padding: 12px 20px 12px 1px;
2967
+ }
2968
+
2952
2969
  .e-pv-formfield-fontcolor-icon,
2953
2970
  .e-pv-formfield-strokecolor-icon,
2954
2971
  .e-pv-formfield-strokethickness-icon {
@@ -3113,7 +3130,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3113
3130
  background-color: #d3d3d3;
3114
3131
  }
3115
3132
 
3116
- .e-pv-formfield-li-element:hover {
3133
+ .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
3117
3134
  background-color: #d3d3d3;
3118
3135
  }
3119
3136
 
@@ -3193,6 +3210,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3193
3210
  width: 120px;
3194
3211
  }
3195
3212
 
3213
+ .e-bigger .e-pv-properties-form-field-font-style {
3214
+ background: #000;
3215
+ border-radius: 2px;
3216
+ display: -ms-flexbox;
3217
+ display: flex;
3218
+ height: 36px;
3219
+ -ms-flex-pack: space-evenly;
3220
+ justify-content: space-evenly;
3221
+ width: 154px;
3222
+ }
3223
+
3224
+ .e-bigger .e-pv-properties-form-field-font-align {
3225
+ background: #000;
3226
+ border-radius: 2px;
3227
+ display: -ms-flexbox;
3228
+ display: flex;
3229
+ height: 36px;
3230
+ -ms-flex-pack: space-evenly;
3231
+ justify-content: space-evenly;
3232
+ margin-right: 15px;
3233
+ width: 120px;
3234
+ }
3235
+
3196
3236
  .e-pv-properties-formfield-label {
3197
3237
  color: #757575;
3198
3238
  font-family: "Roboto";
@@ -3252,6 +3292,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3252
3292
  height: 570px;
3253
3293
  }
3254
3294
 
3295
+ .e-bigger .e-pv-signature-dialog-height {
3296
+ min-height: 592px;
3297
+ }
3298
+
3255
3299
  .e-dialog.e-pv-signature-dialog-blazor-height {
3256
3300
  height: 570px;
3257
3301
  }