@syncfusion/ej2-vue-pdfviewer 21.2.10 → 22.1.34

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 (49) hide show
  1. package/CHANGELOG.md +9 -2
  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 +2 -2
  6. package/dist/es6/ej2-vue-pdfviewer.es2015.js.map +1 -1
  7. package/dist/es6/ej2-vue-pdfviewer.es5.js +2 -2
  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 +8 -8
  11. package/src/pdfviewer/pdfviewer.component.js +2 -2
  12. package/styles/bootstrap-dark.css +54 -10
  13. package/styles/bootstrap.css +54 -10
  14. package/styles/bootstrap4.css +54 -10
  15. package/styles/bootstrap5-dark.css +66 -16
  16. package/styles/bootstrap5.css +66 -16
  17. package/styles/fabric-dark.css +54 -10
  18. package/styles/fabric.css +54 -10
  19. package/styles/fluent-dark.css +66 -10
  20. package/styles/fluent.css +66 -10
  21. package/styles/highcontrast-light.css +54 -10
  22. package/styles/highcontrast.css +54 -10
  23. package/styles/material-dark.css +54 -10
  24. package/styles/material.css +54 -10
  25. package/styles/material3-dark.css +3482 -0
  26. package/styles/material3-dark.scss +2 -0
  27. package/styles/material3.css +3538 -0
  28. package/styles/material3.scss +2 -0
  29. package/styles/pdfviewer/bootstrap-dark.css +54 -10
  30. package/styles/pdfviewer/bootstrap.css +54 -10
  31. package/styles/pdfviewer/bootstrap4.css +54 -10
  32. package/styles/pdfviewer/bootstrap5-dark.css +66 -16
  33. package/styles/pdfviewer/bootstrap5.css +66 -16
  34. package/styles/pdfviewer/fabric-dark.css +54 -10
  35. package/styles/pdfviewer/fabric.css +54 -10
  36. package/styles/pdfviewer/fluent-dark.css +66 -10
  37. package/styles/pdfviewer/fluent.css +66 -10
  38. package/styles/pdfviewer/highcontrast-light.css +54 -10
  39. package/styles/pdfviewer/highcontrast.css +54 -10
  40. package/styles/pdfviewer/material-dark.css +54 -10
  41. package/styles/pdfviewer/material.css +54 -10
  42. package/styles/pdfviewer/material3-dark.css +3482 -0
  43. package/styles/pdfviewer/material3-dark.scss +2 -0
  44. package/styles/pdfviewer/material3.css +3538 -0
  45. package/styles/pdfviewer/material3.scss +2 -0
  46. package/styles/pdfviewer/tailwind-dark.css +57 -10
  47. package/styles/pdfviewer/tailwind.css +57 -10
  48. package/styles/tailwind-dark.css +57 -10
  49. package/styles/tailwind.css +57 -10
@@ -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
 
@@ -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
 
@@ -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
  }
@@ -599,13 +599,13 @@
599
599
  /* stylelint-disable value-no-vendor-prefix */
600
600
  /* stylelint-disable property-no-vendor-prefix */
601
601
  .e-pv-viewer-container {
602
- background-color: #303030;
603
602
  border-color: #616161;
604
603
  height: calc(100% - 56px);
605
604
  overflow: auto;
606
605
  position: relative;
607
606
  -ms-touch-action: pan-x pan-y;
608
607
  touch-action: pan-x pan-y;
608
+ background-color: #303030;
609
609
  }
610
610
 
611
611
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -818,6 +818,11 @@ input.e-pv-input-password::-ms-reveal {
818
818
  padding-bottom: 0;
819
819
  }
820
820
 
821
+ .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
822
+ .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
823
+ padding-bottom: 0;
824
+ }
825
+
821
826
  .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
822
827
  .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
823
828
  line-height: 26px;
@@ -1805,6 +1810,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1805
1810
  font-size: 12px;
1806
1811
  }
1807
1812
 
1813
+ .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,
1814
+ .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
1815
+ .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
1816
+ font-size: 18px;
1817
+ }
1818
+
1808
1819
  .e-pv-annotation-color-container,
1809
1820
  .e-pv-annotation-opacity-container,
1810
1821
  .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: #212121;
2450
- border-color: #616161;
2451
2461
  border-style: double;
2452
2462
  border-width: 0 1px 1px 0;
2453
2463
  height: 45px;
2454
2464
  position: relative;
2465
+ border-color: #616161;
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: 7px;
2524
+ font-size: 14px;
2525
+ max-width: 237px;
2515
2526
  position: absolute;
2516
2527
  }
2517
2528
 
@@ -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 {
@@ -2944,6 +2955,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2944
2955
  padding: 12px 20px 12px 1px;
2945
2956
  }
2946
2957
 
2958
+ .e-bigger .e-pv-properties-fill-color-style-prop,
2959
+ .e-bigger .e-pv-properties-stroke-color-style-prop,
2960
+ .e-bigger .e-pv-properties-stroke-thickness-style-prop {
2961
+ padding: 12px 20px 12px 1px;
2962
+ }
2963
+
2947
2964
  .e-pv-formfield-fontcolor-icon,
2948
2965
  .e-pv-formfield-strokecolor-icon,
2949
2966
  .e-pv-formfield-strokethickness-icon {
@@ -3108,7 +3125,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3108
3125
  background-color: #d3d3d3;
3109
3126
  }
3110
3127
 
3111
- .e-pv-formfield-li-element:hover {
3128
+ .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
3112
3129
  background-color: #d3d3d3;
3113
3130
  }
3114
3131
 
@@ -3184,6 +3201,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3184
3201
  width: 120px;
3185
3202
  }
3186
3203
 
3204
+ .e-bigger .e-pv-properties-form-field-font-style {
3205
+ background: #eee;
3206
+ border-radius: 2px;
3207
+ display: -ms-flexbox;
3208
+ display: flex;
3209
+ height: 36px;
3210
+ -ms-flex-pack: space-evenly;
3211
+ justify-content: space-evenly;
3212
+ width: 154px;
3213
+ }
3214
+
3215
+ .e-bigger .e-pv-properties-form-field-font-align {
3216
+ background: #eee;
3217
+ border-radius: 2px;
3218
+ display: -ms-flexbox;
3219
+ display: flex;
3220
+ height: 36px;
3221
+ -ms-flex-pack: space-evenly;
3222
+ justify-content: space-evenly;
3223
+ margin-right: 15px;
3224
+ width: 120px;
3225
+ }
3226
+
3187
3227
  .e-pv-properties-formfield-label {
3188
3228
  color: #757575;
3189
3229
  font-family: "Roboto";
@@ -3235,6 +3275,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3235
3275
  height: 540px;
3236
3276
  }
3237
3277
 
3278
+ .e-bigger .e-pv-signature-dialog-height {
3279
+ min-height: 592px;
3280
+ }
3281
+
3238
3282
  .e-dialog.e-pv-signature-dialog-blazor-height {
3239
3283
  height: 540px;
3240
3284
  }
@@ -599,13 +599,13 @@
599
599
  /* stylelint-disable value-no-vendor-prefix */
600
600
  /* stylelint-disable property-no-vendor-prefix */
601
601
  .e-pv-viewer-container {
602
- background-color: #e0e0e0;
603
602
  border-color: #e0e0e0;
604
603
  height: 100%;
605
604
  overflow: auto;
606
605
  position: relative;
607
606
  -ms-touch-action: pan-x pan-y;
608
607
  touch-action: pan-x pan-y;
608
+ background-color: #e0e0e0;
609
609
  }
610
610
 
611
611
  .e-pdfviewer.e-pv-mobile-view .e-pv-viewer-container::-webkit-scrollbar {
@@ -818,6 +818,11 @@ input.e-pv-input-password::-ms-reveal {
818
818
  padding-bottom: 0;
819
819
  }
820
820
 
821
+ .e-bigger .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
822
+ .e-bigger .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
823
+ padding-bottom: 0;
824
+ }
825
+
821
826
  .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
822
827
  .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
823
828
  line-height: 26px;
@@ -1805,6 +1810,12 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1805
1810
  font-size: 12px;
1806
1811
  }
1807
1812
 
1813
+ .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,
1814
+ .e-bigger .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn .e-caret,
1815
+ .e-bigger .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn .e-caret {
1816
+ font-size: 18px;
1817
+ }
1818
+
1808
1819
  .e-pv-annotation-color-container,
1809
1820
  .e-pv-annotation-opacity-container,
1810
1821
  .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(0, 0, 0, 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: #fafafa;
2450
- border-color: rgb(208, 208, 208);
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(208, 208, 208);
2455
2466
  }
2456
2467
 
2457
2468
  .e-pv-comment-panel-title {
2458
2469
  color: rgba(0, 0, 0, 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(0, 0, 0, 0.6);
2511
- font-size: 14px;
2512
- max-width: 237px;
2513
2522
  padding-left: 32px;
2514
2523
  padding-top: 7px;
2524
+ font-size: 14px;
2525
+ max-width: 237px;
2515
2526
  position: absolute;
2516
2527
  }
2517
2528
 
@@ -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 {
@@ -2944,6 +2955,12 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2944
2955
  padding: 12px 20px 12px 1px;
2945
2956
  }
2946
2957
 
2958
+ .e-bigger .e-pv-properties-fill-color-style-prop,
2959
+ .e-bigger .e-pv-properties-stroke-color-style-prop,
2960
+ .e-bigger .e-pv-properties-stroke-thickness-style-prop {
2961
+ padding: 12px 20px 12px 1px;
2962
+ }
2963
+
2947
2964
  .e-pv-formfield-fontcolor-icon,
2948
2965
  .e-pv-formfield-strokecolor-icon,
2949
2966
  .e-pv-formfield-strokethickness-icon {
@@ -3110,7 +3127,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3110
3127
  background-color: #d3d3d3;
3111
3128
  }
3112
3129
 
3113
- .e-pv-formfield-li-element:hover {
3130
+ .e-pv-formfield-li-element:hover:not(.e-pv-li-select) {
3114
3131
  background-color: #d3d3d3;
3115
3132
  }
3116
3133
 
@@ -3186,6 +3203,29 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3186
3203
  width: 120px;
3187
3204
  }
3188
3205
 
3206
+ .e-bigger .e-pv-properties-form-field-font-style {
3207
+ background: #eee;
3208
+ border-radius: 2px;
3209
+ display: -ms-flexbox;
3210
+ display: flex;
3211
+ height: 36px;
3212
+ -ms-flex-pack: space-evenly;
3213
+ justify-content: space-evenly;
3214
+ width: 154px;
3215
+ }
3216
+
3217
+ .e-bigger .e-pv-properties-form-field-font-align {
3218
+ background: #eee;
3219
+ border-radius: 2px;
3220
+ display: -ms-flexbox;
3221
+ display: flex;
3222
+ height: 36px;
3223
+ -ms-flex-pack: space-evenly;
3224
+ justify-content: space-evenly;
3225
+ margin-right: 15px;
3226
+ width: 120px;
3227
+ }
3228
+
3189
3229
  .e-pv-properties-formfield-label {
3190
3230
  color: #757575;
3191
3231
  font-family: "Roboto";
@@ -3237,6 +3277,10 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3237
3277
  height: 535px;
3238
3278
  }
3239
3279
 
3280
+ .e-bigger .e-pv-signature-dialog-height {
3281
+ min-height: 592px;
3282
+ }
3283
+
3240
3284
  .e-dialog.e-pv-signature-dialog-blazor-height {
3241
3285
  height: 535px;
3242
3286
  }