@syncfusion/ej2-react-pdfviewer 19.4.50 → 19.4.54

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 (30) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-react-pdfviewer.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +36 -5
  6. package/styles/bootstrap.css +36 -5
  7. package/styles/bootstrap4.css +36 -5
  8. package/styles/bootstrap5-dark.css +63 -24
  9. package/styles/bootstrap5.css +63 -24
  10. package/styles/fabric-dark.css +36 -5
  11. package/styles/fabric.css +36 -5
  12. package/styles/highcontrast-light.css +36 -5
  13. package/styles/highcontrast.css +36 -5
  14. package/styles/material-dark.css +36 -5
  15. package/styles/material.css +36 -5
  16. package/styles/pdfviewer/bootstrap-dark.css +36 -5
  17. package/styles/pdfviewer/bootstrap.css +36 -5
  18. package/styles/pdfviewer/bootstrap4.css +36 -5
  19. package/styles/pdfviewer/bootstrap5-dark.css +63 -24
  20. package/styles/pdfviewer/bootstrap5.css +63 -24
  21. package/styles/pdfviewer/fabric-dark.css +36 -5
  22. package/styles/pdfviewer/fabric.css +36 -5
  23. package/styles/pdfviewer/highcontrast-light.css +36 -5
  24. package/styles/pdfviewer/highcontrast.css +36 -5
  25. package/styles/pdfviewer/material-dark.css +36 -5
  26. package/styles/pdfviewer/material.css +36 -5
  27. package/styles/pdfviewer/tailwind-dark.css +36 -5
  28. package/styles/pdfviewer/tailwind.css +36 -5
  29. package/styles/tailwind-dark.css +36 -5
  30. package/styles/tailwind.css +36 -5
package/styles/bootstrap5-dark.css CHANGED
@@ -893,6 +893,17 @@ input.e-pv-input-password::-ms-reveal {
893
893
  padding: 0 4px;
894
894
  }
895
895
 
896
+ .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
897
+ .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
898
+ padding-bottom: 0;
899
+ }
900
+
901
+ .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
902
+ .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
903
+ line-height: 26px;
904
+ min-height: 26px;
905
+ }
906
+
896
907
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
897
908
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
898
909
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1547,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
1547
1558
  .e-pv-bookmark-view {
1548
1559
  height: 100%;
1549
1560
  overflow: auto;
1550
- padding-top: 15px;
1561
+ padding-top: 0;
1551
1562
  position: relative;
1552
1563
  }
1553
1564
 
1554
1565
  div > .e-pv-bookmark-icon.e-pv-icon {
1555
1566
  float: left;
1556
1567
  font-size: 14px;
1557
- padding-left: 6px;
1558
- padding-right: 18px;
1568
+ padding-left: 0;
1569
+ padding-right: 16px;
1570
+ }
1571
+
1572
+ .e-pv-bookmark-title {
1573
+ padding-left: 30px;
1559
1574
  }
1560
1575
 
1561
1576
  .e-pv-sidebar-bookmark-title {
@@ -1626,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1626
1641
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1627
1642
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1628
1643
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1644
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1645
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1629
1646
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1630
1647
  color: #adb5bd;
1631
1648
  box-shadow: none;
@@ -1904,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1904
1921
  vertical-align: initial;
1905
1922
  }
1906
1923
 
1907
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1908
- padding-top: 7px;
1924
+ .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
1925
+ .e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
1909
1926
  padding-top: 0;
1910
1927
  vertical-align: initial;
1911
1928
  }
@@ -1965,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1965
1982
  .e-pv-annotation-opacity-container,
1966
1983
  .e-pv-annotation-stroke-container,
1967
1984
  .e-pv-custom-annotation-thickness-container,
1985
+ .e-pv-custom-annotation-opacity-container,
1968
1986
  .e-pv-annotation-thickness-container,
1969
1987
  .e-pv-annotation-textcolor-container,
1970
1988
  .e-pv-annotation-textalign-container,
@@ -2061,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2061
2079
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
2062
2080
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
2063
2081
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
2082
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
2064
2083
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
2065
2084
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
2066
2085
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
2067
2086
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
2068
2087
  line-height: 1.6em;
2069
- padding: 8px 7px 6px;
2070
- -ms-flex-align: baseline;
2071
- align-items: baseline;
2088
+ padding: 10px 7px 7px;
2089
+ -ms-flex-align: center;
2090
+ align-items: center;
2072
2091
  display: -ms-flexbox;
2073
2092
  display: flex;
2074
2093
  }
@@ -2077,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2077
2096
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
2078
2097
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
2079
2098
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
2099
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
2080
2100
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
2081
2101
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
2082
2102
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
2083
2103
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
2084
2104
  line-height: 1.6em;
2085
- padding: 8px 7px 6px;
2105
+ padding: 10px 7px 7px;
2086
2106
  -ms-flex-align: baseline;
2087
2107
  align-items: baseline;
2088
2108
  display: -ms-flexbox;
@@ -2097,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2097
2117
  .e-pv-annotation-textcolor-container.e-btn.e-active,
2098
2118
  .e-pv-annotation-textprop-container.e-btn.e-active,
2099
2119
  .e-pv-custom-annotation-thickness-container.e-btn.e-active,
2120
+ .e-pv-custom-annotation-opacity-container.e-btn.e-active,
2100
2121
  .e-pv-annotation-handwritten-container.e-btn.e-active,
2101
2122
  .e-pv-annotation-textalign-container.e-btn.e-active {
2102
2123
  background-color: #5c636a;
@@ -2111,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2111
2132
  padding: 0 8px;
2112
2133
  }
2113
2134
 
2135
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
2136
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
2137
+ height: 32px;
2138
+ line-height: 32px;
2139
+ padding: 0 8px;
2140
+ }
2141
+
2114
2142
  .e-pv-submit .e-tbar-btn {
2115
2143
  height: 30px;
2116
2144
  }
@@ -2142,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2142
2170
  }
2143
2171
 
2144
2172
  .e-pv-scale-ratio-window {
2145
- max-width: 408px;
2173
+ max-width: 476px;
2174
+ }
2175
+
2176
+ .e-pv-scale-ratio-dialog {
2177
+ max-width: 476px;
2146
2178
  }
2147
2179
 
2148
2180
  .e-pv-line-styles-content,
@@ -2189,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2189
2221
  .e-pv-properties-line-opacity-container {
2190
2222
  float: left;
2191
2223
  height: auto;
2224
+ width: 180px;
2192
2225
  }
2193
2226
 
2194
2227
  .e-pv-scale-ratio-src-input-container,
@@ -2198,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2198
2231
  .e-pv-depth-input-container,
2199
2232
  .e-pv-depth-unit-container {
2200
2233
  float: left;
2201
- height: 24px;
2234
+ height: 32px;
2202
2235
  }
2203
2236
 
2204
2237
  .e-pv-scale-ratio-src-input-container,
2205
2238
  .e-pv-scale-ratio-src-unit-container,
2206
2239
  .e-pv-scale-ratio-dest-input-container,
2207
2240
  .e-pv-scale-ratio-dest-unit-container {
2208
- margin-bottom: 24px;
2241
+ margin-bottom: 8px;
2209
2242
  }
2210
2243
 
2211
2244
  .e-pv-scale-ratio-src-unit-container,
2212
2245
  .e-pv-scale-ratio-dest-unit-container,
2213
2246
  .e-pv-depth-unit-container {
2214
- margin-left: 10px;
2247
+ margin-left: 12px;
2215
2248
  }
2216
2249
 
2217
2250
  .e-pv-scale-ratio-src-unit.e-btn,
@@ -2228,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2228
2261
  .e-pv-scale-ratio-src-unit .e-caret,
2229
2262
  .e-pv-scale-ratio-dest-unit .e-caret,
2230
2263
  .e-pv-depth-unit .e-caret {
2231
- margin-left: 96px;
2232
- margin-top: 4px;
2264
+ margin-left: 120px;
2265
+ margin-top: 7px;
2233
2266
  }
2234
2267
 
2235
2268
  .e-pv-properties-line-opacity {
@@ -2267,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2267
2300
  .e-pv-properties-line-style,
2268
2301
  .e-pv-properties-line-thickness,
2269
2302
  .e-pv-properties-line-opacity,
2270
- .e-pv-properties-line-leader-length,
2303
+ .e-pv-properties-line-leader-length {
2304
+ max-width: 180px;
2305
+ }
2306
+
2271
2307
  .e-pv-scale-ratio-src-input,
2272
2308
  .e-pv-scale-ratio-dest-input,
2273
2309
  .e-pv-depth-input {
2274
- max-width: 180px;
2310
+ max-width: 232px;
2275
2311
  }
2276
2312
 
2277
2313
  .e-pv-properties-line-start,
2278
2314
  .e-pv-properties-line-end,
2279
- .e-pv-properties-line-style,
2315
+ .e-pv-properties-line-style {
2316
+ width: 180px;
2317
+ }
2318
+
2280
2319
  .e-pv-scale-ratio-src-unit,
2281
2320
  .e-pv-scale-ratio-dest-unit,
2282
2321
  .e-pv-depth-unit {
2283
- width: 180px;
2322
+ width: 203px;
2284
2323
  }
2285
2324
 
2286
2325
  .e-pv-line-styles-container {
@@ -2372,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2372
2411
  align-items: baseline;
2373
2412
  display: -ms-flexbox;
2374
2413
  display: flex;
2375
- padding: 3px 8px;
2414
+ padding: 0 8px;
2376
2415
  }
2377
2416
 
2378
2417
  .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2561,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2561
2600
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
2562
2601
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
2563
2602
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
2564
- margin-top: 3px;
2603
+ margin-top: 6px;
2565
2604
  position: absolute;
2566
2605
  }
2567
2606
 
@@ -3203,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3203
3242
  width: 54px;
3204
3243
  -ms-flex-line-pack: center;
3205
3244
  align-content: center;
3206
- -ms-flex-align: baseline;
3207
- align-items: baseline;
3245
+ -ms-flex-align: center;
3246
+ align-items: center;
3208
3247
  box-shadow: none;
3209
3248
  display: -ms-flexbox;
3210
3249
  display: flex;
@@ -3339,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3339
3378
  .e-pv-properties-form-field-btn-textarea-container {
3340
3379
  display: -ms-flexbox;
3341
3380
  display: flex;
3342
- padding-top: 15px;
3343
3381
  width: 385px;
3382
+ padding-top: 15px;
3344
3383
  }
3345
3384
 
3346
3385
  .e-pv-properties-dropdown-btn {
package/styles/bootstrap5.css CHANGED
@@ -893,6 +893,17 @@ input.e-pv-input-password::-ms-reveal {
893
893
  padding: 0 4px;
894
894
  }
895
895
 
896
+ .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
897
+ .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
898
+ padding-bottom: 0;
899
+ }
900
+
901
+ .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
902
+ .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
903
+ line-height: 26px;
904
+ min-height: 26px;
905
+ }
906
+
896
907
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
897
908
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
898
909
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1547,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
1547
1558
  .e-pv-bookmark-view {
1548
1559
  height: 100%;
1549
1560
  overflow: auto;
1550
- padding-top: 15px;
1561
+ padding-top: 0;
1551
1562
  position: relative;
1552
1563
  }
1553
1564
 
1554
1565
  div > .e-pv-bookmark-icon.e-pv-icon {
1555
1566
  float: left;
1556
1567
  font-size: 14px;
1557
- padding-left: 6px;
1558
- padding-right: 18px;
1568
+ padding-left: 0;
1569
+ padding-right: 16px;
1570
+ }
1571
+
1572
+ .e-pv-bookmark-title {
1573
+ padding-left: 30px;
1559
1574
  }
1560
1575
 
1561
1576
  .e-pv-sidebar-bookmark-title {
@@ -1626,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1626
1641
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1627
1642
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1628
1643
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1644
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1645
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1629
1646
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1630
1647
  color: #6c757d;
1631
1648
  box-shadow: none;
@@ -1904,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1904
1921
  vertical-align: initial;
1905
1922
  }
1906
1923
 
1907
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1908
- padding-top: 7px;
1924
+ .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
1925
+ .e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
1909
1926
  padding-top: 0;
1910
1927
  vertical-align: initial;
1911
1928
  }
@@ -1965,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1965
1982
  .e-pv-annotation-opacity-container,
1966
1983
  .e-pv-annotation-stroke-container,
1967
1984
  .e-pv-custom-annotation-thickness-container,
1985
+ .e-pv-custom-annotation-opacity-container,
1968
1986
  .e-pv-annotation-thickness-container,
1969
1987
  .e-pv-annotation-textcolor-container,
1970
1988
  .e-pv-annotation-textalign-container,
@@ -2061,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2061
2079
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
2062
2080
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
2063
2081
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
2082
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
2064
2083
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
2065
2084
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
2066
2085
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
2067
2086
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
2068
2087
  line-height: 1.6em;
2069
- padding: 8px 7px 6px;
2070
- -ms-flex-align: baseline;
2071
- align-items: baseline;
2088
+ padding: 10px 7px 7px;
2089
+ -ms-flex-align: center;
2090
+ align-items: center;
2072
2091
  display: -ms-flexbox;
2073
2092
  display: flex;
2074
2093
  }
@@ -2077,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2077
2096
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
2078
2097
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
2079
2098
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
2099
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
2080
2100
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
2081
2101
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
2082
2102
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
2083
2103
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
2084
2104
  line-height: 1.6em;
2085
- padding: 8px 7px 6px;
2105
+ padding: 10px 7px 7px;
2086
2106
  -ms-flex-align: baseline;
2087
2107
  align-items: baseline;
2088
2108
  display: -ms-flexbox;
@@ -2097,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2097
2117
  .e-pv-annotation-textcolor-container.e-btn.e-active,
2098
2118
  .e-pv-annotation-textprop-container.e-btn.e-active,
2099
2119
  .e-pv-custom-annotation-thickness-container.e-btn.e-active,
2120
+ .e-pv-custom-annotation-opacity-container.e-btn.e-active,
2100
2121
  .e-pv-annotation-handwritten-container.e-btn.e-active,
2101
2122
  .e-pv-annotation-textalign-container.e-btn.e-active {
2102
2123
  background-color: #5c636a;
@@ -2111,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2111
2132
  padding: 0 8px;
2112
2133
  }
2113
2134
 
2135
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item .e-menu-icon .e-caret,
2136
+ .e-pv-custom-annotation-stamp-container.e-menu-container ul .e-menu-item.e-focused .e-menu-icon .e-caret {
2137
+ height: 32px;
2138
+ line-height: 32px;
2139
+ padding: 0 8px;
2140
+ }
2141
+
2114
2142
  .e-pv-submit .e-tbar-btn {
2115
2143
  height: 30px;
2116
2144
  }
@@ -2142,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2142
2170
  }
2143
2171
 
2144
2172
  .e-pv-scale-ratio-window {
2145
- max-width: 408px;
2173
+ max-width: 476px;
2174
+ }
2175
+
2176
+ .e-pv-scale-ratio-dialog {
2177
+ max-width: 476px;
2146
2178
  }
2147
2179
 
2148
2180
  .e-pv-line-styles-content,
@@ -2189,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2189
2221
  .e-pv-properties-line-opacity-container {
2190
2222
  float: left;
2191
2223
  height: auto;
2224
+ width: 180px;
2192
2225
  }
2193
2226
 
2194
2227
  .e-pv-scale-ratio-src-input-container,
@@ -2198,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2198
2231
  .e-pv-depth-input-container,
2199
2232
  .e-pv-depth-unit-container {
2200
2233
  float: left;
2201
- height: 24px;
2234
+ height: 32px;
2202
2235
  }
2203
2236
 
2204
2237
  .e-pv-scale-ratio-src-input-container,
2205
2238
  .e-pv-scale-ratio-src-unit-container,
2206
2239
  .e-pv-scale-ratio-dest-input-container,
2207
2240
  .e-pv-scale-ratio-dest-unit-container {
2208
- margin-bottom: 24px;
2241
+ margin-bottom: 8px;
2209
2242
  }
2210
2243
 
2211
2244
  .e-pv-scale-ratio-src-unit-container,
2212
2245
  .e-pv-scale-ratio-dest-unit-container,
2213
2246
  .e-pv-depth-unit-container {
2214
- margin-left: 10px;
2247
+ margin-left: 12px;
2215
2248
  }
2216
2249
 
2217
2250
  .e-pv-scale-ratio-src-unit.e-btn,
@@ -2228,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2228
2261
  .e-pv-scale-ratio-src-unit .e-caret,
2229
2262
  .e-pv-scale-ratio-dest-unit .e-caret,
2230
2263
  .e-pv-depth-unit .e-caret {
2231
- margin-left: 96px;
2232
- margin-top: 4px;
2264
+ margin-left: 120px;
2265
+ margin-top: 7px;
2233
2266
  }
2234
2267
 
2235
2268
  .e-pv-properties-line-opacity {
@@ -2267,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2267
2300
  .e-pv-properties-line-style,
2268
2301
  .e-pv-properties-line-thickness,
2269
2302
  .e-pv-properties-line-opacity,
2270
- .e-pv-properties-line-leader-length,
2303
+ .e-pv-properties-line-leader-length {
2304
+ max-width: 180px;
2305
+ }
2306
+
2271
2307
  .e-pv-scale-ratio-src-input,
2272
2308
  .e-pv-scale-ratio-dest-input,
2273
2309
  .e-pv-depth-input {
2274
- max-width: 180px;
2310
+ max-width: 232px;
2275
2311
  }
2276
2312
 
2277
2313
  .e-pv-properties-line-start,
2278
2314
  .e-pv-properties-line-end,
2279
- .e-pv-properties-line-style,
2315
+ .e-pv-properties-line-style {
2316
+ width: 180px;
2317
+ }
2318
+
2280
2319
  .e-pv-scale-ratio-src-unit,
2281
2320
  .e-pv-scale-ratio-dest-unit,
2282
2321
  .e-pv-depth-unit {
2283
- width: 180px;
2322
+ width: 203px;
2284
2323
  }
2285
2324
 
2286
2325
  .e-pv-line-styles-container {
@@ -2372,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2372
2411
  align-items: baseline;
2373
2412
  display: -ms-flexbox;
2374
2413
  display: flex;
2375
- padding: 3px 8px;
2414
+ padding: 0 8px;
2376
2415
  }
2377
2416
 
2378
2417
  .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2561,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2561
2600
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
2562
2601
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
2563
2602
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
2564
- margin-top: 3px;
2603
+ margin-top: 6px;
2565
2604
  position: absolute;
2566
2605
  }
2567
2606
 
@@ -3203,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3203
3242
  width: 54px;
3204
3243
  -ms-flex-line-pack: center;
3205
3244
  align-content: center;
3206
- -ms-flex-align: baseline;
3207
- align-items: baseline;
3245
+ -ms-flex-align: center;
3246
+ align-items: center;
3208
3247
  box-shadow: none;
3209
3248
  display: -ms-flexbox;
3210
3249
  display: flex;
@@ -3339,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3339
3378
  .e-pv-properties-form-field-btn-textarea-container {
3340
3379
  display: -ms-flexbox;
3341
3380
  display: flex;
3342
- padding-top: 15px;
3343
3381
  width: 385px;
3382
+ padding-top: 15px;
3344
3383
  }
3345
3384
 
3346
3385
  .e-pv-properties-dropdown-btn {
package/styles/fabric-dark.css CHANGED
@@ -885,6 +885,17 @@ input.e-pv-input-password::-ms-reveal {
885
885
  margin-right: 1.5px;
886
886
  }
887
887
 
888
+ .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
889
+ .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
890
+ padding-bottom: 0;
891
+ }
892
+
893
+ .e-pv-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon,
894
+ .e-pv-annotation-toolbar.e-toolbar.e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
895
+ line-height: 26px;
896
+ min-height: 26px;
897
+ }
898
+
888
899
  .e-pv-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
889
900
  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
890
901
  .e-pv-formdesigner-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
@@ -1515,6 +1526,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1515
1526
  padding-right: 18px;
1516
1527
  }
1517
1528
 
1529
+ .e-pv-bookmark-title {
1530
+ padding-left: 40px;
1531
+ }
1532
+
1518
1533
  .e-pv-sidebar-bookmark-title {
1519
1534
  color: rgba(0, 0, 0, 0.87);
1520
1535
  font-family: Roboto-Regular;
@@ -1583,6 +1598,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1583
1598
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1584
1599
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1585
1600
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-menu-icon,
1601
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
1602
+ .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused .e-caret,
1586
1603
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1587
1604
  color: #dadada;
1588
1605
  }
@@ -1806,8 +1823,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1806
1823
  vertical-align: initial;
1807
1824
  }
1808
1825
 
1809
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1810
- padding-top: 7px;
1826
+ .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon,
1827
+ .e-pv-custom-annotation-opacity-container .e-btn-icon.e-pv-annotation-opacity-icon.e-pv-icon {
1811
1828
  vertical-align: initial;
1812
1829
  }
1813
1830
 
@@ -1866,6 +1883,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1866
1883
  .e-pv-annotation-opacity-container,
1867
1884
  .e-pv-annotation-stroke-container,
1868
1885
  .e-pv-custom-annotation-thickness-container,
1886
+ .e-pv-custom-annotation-opacity-container,
1869
1887
  .e-pv-annotation-thickness-container,
1870
1888
  .e-pv-annotation-textcolor-container,
1871
1889
  .e-pv-annotation-textalign-container,
@@ -1965,6 +1983,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1965
1983
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
1966
1984
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
1967
1985
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
1986
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
1968
1987
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
1969
1988
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
1970
1989
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -1977,6 +1996,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1977
1996
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
1978
1997
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
1979
1998
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
1999
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
1980
2000
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
1981
2001
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
1982
2002
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2015,6 +2035,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2015
2035
  max-width: 436px;
2016
2036
  }
2017
2037
 
2038
+ .e-pv-scale-ratio-dialog {
2039
+ max-width: 500px;
2040
+ }
2041
+
2018
2042
  .e-pv-line-styles-content,
2019
2043
  .e-pv-line-styles-item {
2020
2044
  border-bottom-color: #000;
@@ -2054,6 +2078,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2054
2078
  .e-pv-properties-line-opacity-container {
2055
2079
  float: left;
2056
2080
  height: auto;
2081
+ width: 180px;
2057
2082
  }
2058
2083
 
2059
2084
  .e-pv-scale-ratio-src-input-container,
@@ -2132,7 +2157,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2132
2157
  .e-pv-properties-line-style,
2133
2158
  .e-pv-properties-line-thickness,
2134
2159
  .e-pv-properties-line-opacity,
2135
- .e-pv-properties-line-leader-length,
2160
+ .e-pv-properties-line-leader-length {
2161
+ max-width: 180px;
2162
+ }
2163
+
2136
2164
  .e-pv-scale-ratio-src-input,
2137
2165
  .e-pv-scale-ratio-dest-input,
2138
2166
  .e-pv-depth-input {
@@ -2141,7 +2169,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2141
2169
 
2142
2170
  .e-pv-properties-line-start,
2143
2171
  .e-pv-properties-line-end,
2144
- .e-pv-properties-line-style,
2172
+ .e-pv-properties-line-style {
2173
+ width: 180px;
2174
+ }
2175
+
2145
2176
  .e-pv-scale-ratio-src-unit,
2146
2177
  .e-pv-scale-ratio-dest-unit,
2147
2178
  .e-pv-depth-unit {
@@ -3067,8 +3098,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3067
3098
  .e-pv-properties-form-field-btn-textarea-container {
3068
3099
  display: -ms-flexbox;
3069
3100
  display: flex;
3070
- padding-top: 15px;
3071
3101
  width: 385px;
3102
+ padding-top: 15px;
3072
3103
  }
3073
3104
 
3074
3105
  .e-pv-properties-dropdown-btn {