@syncfusion/ej2-vue-pdfviewer 19.4.42 → 19.4.52

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 (31) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-vue-pdfviewer.umd.min.js +10 -1
  4. package/dist/global/ej2-vue-pdfviewer.min.js +2 -2
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +40 -5
  7. package/styles/bootstrap.css +40 -5
  8. package/styles/bootstrap4.css +40 -5
  9. package/styles/bootstrap5-dark.css +70 -28
  10. package/styles/bootstrap5.css +70 -28
  11. package/styles/fabric-dark.css +40 -5
  12. package/styles/fabric.css +40 -5
  13. package/styles/highcontrast-light.css +40 -5
  14. package/styles/highcontrast.css +40 -5
  15. package/styles/material-dark.css +40 -5
  16. package/styles/material.css +40 -5
  17. package/styles/pdfviewer/bootstrap-dark.css +40 -5
  18. package/styles/pdfviewer/bootstrap.css +40 -5
  19. package/styles/pdfviewer/bootstrap4.css +40 -5
  20. package/styles/pdfviewer/bootstrap5-dark.css +70 -28
  21. package/styles/pdfviewer/bootstrap5.css +70 -28
  22. package/styles/pdfviewer/fabric-dark.css +40 -5
  23. package/styles/pdfviewer/fabric.css +40 -5
  24. package/styles/pdfviewer/highcontrast-light.css +40 -5
  25. package/styles/pdfviewer/highcontrast.css +40 -5
  26. package/styles/pdfviewer/material-dark.css +40 -5
  27. package/styles/pdfviewer/material.css +40 -5
  28. package/styles/pdfviewer/tailwind-dark.css +40 -5
  29. package/styles/pdfviewer/tailwind.css +40 -5
  30. package/styles/tailwind-dark.css +40 -5
  31. package/styles/tailwind.css +40 -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 {
@@ -1304,7 +1315,7 @@ input.e-pv-input-password::-ms-reveal {
1304
1315
  font-size: 14px;
1305
1316
  font-weight: 500;
1306
1317
  height: 40px;
1307
- line-height: 40px;
1318
+ line-height: 38px;
1308
1319
  margin: 0;
1309
1320
  position: absolute;
1310
1321
  text-align: left;
@@ -1342,7 +1353,10 @@ input.e-pv-input-password::-ms-reveal {
1342
1353
  top: 38px;
1343
1354
  width: 202px;
1344
1355
  z-index: 103;
1345
- border: 1px solid #444c54;
1356
+ }
1357
+
1358
+ .e-pv-thumbnail-anchor-node:hover {
1359
+ text-decoration: auto;
1346
1360
  }
1347
1361
 
1348
1362
  .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1446,7 @@ input.e-pv-input-password::-ms-reveal {
1432
1446
  box-shadow: none;
1433
1447
  height: 40px;
1434
1448
  left: 0;
1435
- line-height: 40px;
1449
+ line-height: 38px;
1436
1450
  padding: 1px;
1437
1451
  position: absolute;
1438
1452
  right: 0;
@@ -1462,7 +1476,7 @@ input.e-pv-input-password::-ms-reveal {
1462
1476
  .e-pv-thumbnail-view {
1463
1477
  bottom: 0;
1464
1478
  height: 50%;
1465
- padding: 8px 30px 0;
1479
+ padding: 8px 24px 0;
1466
1480
  position: absolute;
1467
1481
  top: 0;
1468
1482
  }
@@ -1544,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
1544
1558
  .e-pv-bookmark-view {
1545
1559
  height: 100%;
1546
1560
  overflow: auto;
1547
- padding-top: 15px;
1561
+ padding-top: 0;
1548
1562
  position: relative;
1549
1563
  }
1550
1564
 
1551
1565
  div > .e-pv-bookmark-icon.e-pv-icon {
1552
1566
  float: left;
1553
1567
  font-size: 14px;
1554
- padding-left: 6px;
1555
- padding-right: 18px;
1568
+ padding-left: 0;
1569
+ padding-right: 16px;
1570
+ }
1571
+
1572
+ .e-pv-bookmark-title {
1573
+ padding-left: 30px;
1556
1574
  }
1557
1575
 
1558
1576
  .e-pv-sidebar-bookmark-title {
@@ -1623,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1623
1641
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1624
1642
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1625
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,
1626
1646
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1627
1647
  color: #adb5bd;
1628
1648
  box-shadow: none;
@@ -1901,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1901
1921
  vertical-align: initial;
1902
1922
  }
1903
1923
 
1904
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1905
- 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 {
1906
1926
  padding-top: 0;
1907
1927
  vertical-align: initial;
1908
1928
  }
@@ -1962,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1962
1982
  .e-pv-annotation-opacity-container,
1963
1983
  .e-pv-annotation-stroke-container,
1964
1984
  .e-pv-custom-annotation-thickness-container,
1985
+ .e-pv-custom-annotation-opacity-container,
1965
1986
  .e-pv-annotation-thickness-container,
1966
1987
  .e-pv-annotation-textcolor-container,
1967
1988
  .e-pv-annotation-textalign-container,
@@ -2058,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2058
2079
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
2059
2080
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
2060
2081
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
2082
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
2061
2083
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
2062
2084
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
2063
2085
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
2064
2086
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
2065
2087
  line-height: 1.6em;
2066
- padding: 8px 7px 6px;
2067
- -ms-flex-align: baseline;
2068
- align-items: baseline;
2088
+ padding: 10px 7px 7px;
2089
+ -ms-flex-align: center;
2090
+ align-items: center;
2069
2091
  display: -ms-flexbox;
2070
2092
  display: flex;
2071
2093
  }
@@ -2074,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2074
2096
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
2075
2097
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
2076
2098
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
2099
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
2077
2100
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
2078
2101
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
2079
2102
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
2080
2103
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
2081
2104
  line-height: 1.6em;
2082
- padding: 8px 7px 6px;
2105
+ padding: 10px 7px 7px;
2083
2106
  -ms-flex-align: baseline;
2084
2107
  align-items: baseline;
2085
2108
  display: -ms-flexbox;
@@ -2094,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2094
2117
  .e-pv-annotation-textcolor-container.e-btn.e-active,
2095
2118
  .e-pv-annotation-textprop-container.e-btn.e-active,
2096
2119
  .e-pv-custom-annotation-thickness-container.e-btn.e-active,
2120
+ .e-pv-custom-annotation-opacity-container.e-btn.e-active,
2097
2121
  .e-pv-annotation-handwritten-container.e-btn.e-active,
2098
2122
  .e-pv-annotation-textalign-container.e-btn.e-active {
2099
2123
  background-color: #5c636a;
@@ -2108,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2108
2132
  padding: 0 8px;
2109
2133
  }
2110
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
+
2111
2142
  .e-pv-submit .e-tbar-btn {
2112
2143
  height: 30px;
2113
2144
  }
@@ -2139,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2139
2170
  }
2140
2171
 
2141
2172
  .e-pv-scale-ratio-window {
2142
- max-width: 408px;
2173
+ max-width: 476px;
2174
+ }
2175
+
2176
+ .e-pv-scale-ratio-dialog {
2177
+ max-width: 476px;
2143
2178
  }
2144
2179
 
2145
2180
  .e-pv-line-styles-content,
@@ -2186,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2186
2221
  .e-pv-properties-line-opacity-container {
2187
2222
  float: left;
2188
2223
  height: auto;
2224
+ width: 180px;
2189
2225
  }
2190
2226
 
2191
2227
  .e-pv-scale-ratio-src-input-container,
@@ -2195,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2195
2231
  .e-pv-depth-input-container,
2196
2232
  .e-pv-depth-unit-container {
2197
2233
  float: left;
2198
- height: 24px;
2234
+ height: 32px;
2199
2235
  }
2200
2236
 
2201
2237
  .e-pv-scale-ratio-src-input-container,
2202
2238
  .e-pv-scale-ratio-src-unit-container,
2203
2239
  .e-pv-scale-ratio-dest-input-container,
2204
2240
  .e-pv-scale-ratio-dest-unit-container {
2205
- margin-bottom: 24px;
2241
+ margin-bottom: 8px;
2206
2242
  }
2207
2243
 
2208
2244
  .e-pv-scale-ratio-src-unit-container,
2209
2245
  .e-pv-scale-ratio-dest-unit-container,
2210
2246
  .e-pv-depth-unit-container {
2211
- margin-left: 10px;
2247
+ margin-left: 12px;
2212
2248
  }
2213
2249
 
2214
2250
  .e-pv-scale-ratio-src-unit.e-btn,
@@ -2225,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2225
2261
  .e-pv-scale-ratio-src-unit .e-caret,
2226
2262
  .e-pv-scale-ratio-dest-unit .e-caret,
2227
2263
  .e-pv-depth-unit .e-caret {
2228
- margin-left: 96px;
2229
- margin-top: 4px;
2264
+ margin-left: 120px;
2265
+ margin-top: 7px;
2230
2266
  }
2231
2267
 
2232
2268
  .e-pv-properties-line-opacity {
@@ -2264,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2264
2300
  .e-pv-properties-line-style,
2265
2301
  .e-pv-properties-line-thickness,
2266
2302
  .e-pv-properties-line-opacity,
2267
- .e-pv-properties-line-leader-length,
2303
+ .e-pv-properties-line-leader-length {
2304
+ max-width: 180px;
2305
+ }
2306
+
2268
2307
  .e-pv-scale-ratio-src-input,
2269
2308
  .e-pv-scale-ratio-dest-input,
2270
2309
  .e-pv-depth-input {
2271
- max-width: 180px;
2310
+ max-width: 232px;
2272
2311
  }
2273
2312
 
2274
2313
  .e-pv-properties-line-start,
2275
2314
  .e-pv-properties-line-end,
2276
- .e-pv-properties-line-style,
2315
+ .e-pv-properties-line-style {
2316
+ width: 180px;
2317
+ }
2318
+
2277
2319
  .e-pv-scale-ratio-src-unit,
2278
2320
  .e-pv-scale-ratio-dest-unit,
2279
2321
  .e-pv-depth-unit {
2280
- width: 180px;
2322
+ width: 203px;
2281
2323
  }
2282
2324
 
2283
2325
  .e-pv-line-styles-container {
@@ -2369,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2369
2411
  align-items: baseline;
2370
2412
  display: -ms-flexbox;
2371
2413
  display: flex;
2372
- padding: 3px 8px;
2414
+ padding: 0 8px;
2373
2415
  }
2374
2416
 
2375
2417
  .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2558,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2558
2600
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
2559
2601
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
2560
2602
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
2561
- margin-top: 3px;
2603
+ margin-top: 6px;
2562
2604
  position: absolute;
2563
2605
  }
2564
2606
 
@@ -3200,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3200
3242
  width: 54px;
3201
3243
  -ms-flex-line-pack: center;
3202
3244
  align-content: center;
3203
- -ms-flex-align: baseline;
3204
- align-items: baseline;
3245
+ -ms-flex-align: center;
3246
+ align-items: center;
3205
3247
  box-shadow: none;
3206
3248
  display: -ms-flexbox;
3207
3249
  display: flex;
@@ -3336,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3336
3378
  .e-pv-properties-form-field-btn-textarea-container {
3337
3379
  display: -ms-flexbox;
3338
3380
  display: flex;
3339
- padding-top: 15px;
3340
3381
  width: 385px;
3382
+ padding-top: 15px;
3341
3383
  }
3342
3384
 
3343
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 {
@@ -1304,7 +1315,7 @@ input.e-pv-input-password::-ms-reveal {
1304
1315
  font-size: 14px;
1305
1316
  font-weight: 500;
1306
1317
  height: 40px;
1307
- line-height: 40px;
1318
+ line-height: 38px;
1308
1319
  margin: 0;
1309
1320
  position: absolute;
1310
1321
  text-align: left;
@@ -1342,7 +1353,10 @@ input.e-pv-input-password::-ms-reveal {
1342
1353
  top: 38px;
1343
1354
  width: 202px;
1344
1355
  z-index: 103;
1345
- border: 1px solid #dee2e6;
1356
+ }
1357
+
1358
+ .e-pv-thumbnail-anchor-node:hover {
1359
+ text-decoration: auto;
1346
1360
  }
1347
1361
 
1348
1362
  .e-pv-sidebar-content.e-thumbnail {
@@ -1432,7 +1446,7 @@ input.e-pv-input-password::-ms-reveal {
1432
1446
  box-shadow: none;
1433
1447
  height: 40px;
1434
1448
  left: 0;
1435
- line-height: 40px;
1449
+ line-height: 38px;
1436
1450
  padding: 1px;
1437
1451
  position: absolute;
1438
1452
  right: 0;
@@ -1462,7 +1476,7 @@ input.e-pv-input-password::-ms-reveal {
1462
1476
  .e-pv-thumbnail-view {
1463
1477
  bottom: 0;
1464
1478
  height: 50%;
1465
- padding: 8px 30px 0;
1479
+ padding: 8px 24px 0;
1466
1480
  position: absolute;
1467
1481
  top: 0;
1468
1482
  }
@@ -1544,15 +1558,19 @@ input.e-pv-input-password::-ms-reveal {
1544
1558
  .e-pv-bookmark-view {
1545
1559
  height: 100%;
1546
1560
  overflow: auto;
1547
- padding-top: 15px;
1561
+ padding-top: 0;
1548
1562
  position: relative;
1549
1563
  }
1550
1564
 
1551
1565
  div > .e-pv-bookmark-icon.e-pv-icon {
1552
1566
  float: left;
1553
1567
  font-size: 14px;
1554
- padding-left: 6px;
1555
- padding-right: 18px;
1568
+ padding-left: 0;
1569
+ padding-right: 16px;
1570
+ }
1571
+
1572
+ .e-pv-bookmark-title {
1573
+ padding-left: 30px;
1556
1574
  }
1557
1575
 
1558
1576
  .e-pv-sidebar-bookmark-title {
@@ -1623,6 +1641,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1623
1641
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1624
1642
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1625
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,
1626
1646
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1627
1647
  color: #6c757d;
1628
1648
  box-shadow: none;
@@ -1901,8 +1921,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1901
1921
  vertical-align: initial;
1902
1922
  }
1903
1923
 
1904
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1905
- 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 {
1906
1926
  padding-top: 0;
1907
1927
  vertical-align: initial;
1908
1928
  }
@@ -1962,6 +1982,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1962
1982
  .e-pv-annotation-opacity-container,
1963
1983
  .e-pv-annotation-stroke-container,
1964
1984
  .e-pv-custom-annotation-thickness-container,
1985
+ .e-pv-custom-annotation-opacity-container,
1965
1986
  .e-pv-annotation-thickness-container,
1966
1987
  .e-pv-annotation-textcolor-container,
1967
1988
  .e-pv-annotation-textalign-container,
@@ -2058,14 +2079,15 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2058
2079
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
2059
2080
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
2060
2081
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
2082
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
2061
2083
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
2062
2084
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
2063
2085
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
2064
2086
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-btn {
2065
2087
  line-height: 1.6em;
2066
- padding: 8px 7px 6px;
2067
- -ms-flex-align: baseline;
2068
- align-items: baseline;
2088
+ padding: 10px 7px 7px;
2089
+ -ms-flex-align: center;
2090
+ align-items: center;
2069
2091
  display: -ms-flexbox;
2070
2092
  display: flex;
2071
2093
  }
@@ -2074,12 +2096,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2074
2096
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
2075
2097
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
2076
2098
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
2099
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
2077
2100
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
2078
2101
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
2079
2102
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
2080
2103
  .e-pv-annotation-textprop-container.e-dropdown-btn.e-button {
2081
2104
  line-height: 1.6em;
2082
- padding: 8px 7px 6px;
2105
+ padding: 10px 7px 7px;
2083
2106
  -ms-flex-align: baseline;
2084
2107
  align-items: baseline;
2085
2108
  display: -ms-flexbox;
@@ -2094,6 +2117,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2094
2117
  .e-pv-annotation-textcolor-container.e-btn.e-active,
2095
2118
  .e-pv-annotation-textprop-container.e-btn.e-active,
2096
2119
  .e-pv-custom-annotation-thickness-container.e-btn.e-active,
2120
+ .e-pv-custom-annotation-opacity-container.e-btn.e-active,
2097
2121
  .e-pv-annotation-handwritten-container.e-btn.e-active,
2098
2122
  .e-pv-annotation-textalign-container.e-btn.e-active {
2099
2123
  background-color: #5c636a;
@@ -2108,6 +2132,13 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2108
2132
  padding: 0 8px;
2109
2133
  }
2110
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
+
2111
2142
  .e-pv-submit .e-tbar-btn {
2112
2143
  height: 30px;
2113
2144
  }
@@ -2139,7 +2170,11 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2139
2170
  }
2140
2171
 
2141
2172
  .e-pv-scale-ratio-window {
2142
- max-width: 408px;
2173
+ max-width: 476px;
2174
+ }
2175
+
2176
+ .e-pv-scale-ratio-dialog {
2177
+ max-width: 476px;
2143
2178
  }
2144
2179
 
2145
2180
  .e-pv-line-styles-content,
@@ -2186,6 +2221,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2186
2221
  .e-pv-properties-line-opacity-container {
2187
2222
  float: left;
2188
2223
  height: auto;
2224
+ width: 180px;
2189
2225
  }
2190
2226
 
2191
2227
  .e-pv-scale-ratio-src-input-container,
@@ -2195,20 +2231,20 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2195
2231
  .e-pv-depth-input-container,
2196
2232
  .e-pv-depth-unit-container {
2197
2233
  float: left;
2198
- height: 24px;
2234
+ height: 32px;
2199
2235
  }
2200
2236
 
2201
2237
  .e-pv-scale-ratio-src-input-container,
2202
2238
  .e-pv-scale-ratio-src-unit-container,
2203
2239
  .e-pv-scale-ratio-dest-input-container,
2204
2240
  .e-pv-scale-ratio-dest-unit-container {
2205
- margin-bottom: 24px;
2241
+ margin-bottom: 8px;
2206
2242
  }
2207
2243
 
2208
2244
  .e-pv-scale-ratio-src-unit-container,
2209
2245
  .e-pv-scale-ratio-dest-unit-container,
2210
2246
  .e-pv-depth-unit-container {
2211
- margin-left: 10px;
2247
+ margin-left: 12px;
2212
2248
  }
2213
2249
 
2214
2250
  .e-pv-scale-ratio-src-unit.e-btn,
@@ -2225,8 +2261,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2225
2261
  .e-pv-scale-ratio-src-unit .e-caret,
2226
2262
  .e-pv-scale-ratio-dest-unit .e-caret,
2227
2263
  .e-pv-depth-unit .e-caret {
2228
- margin-left: 96px;
2229
- margin-top: 4px;
2264
+ margin-left: 120px;
2265
+ margin-top: 7px;
2230
2266
  }
2231
2267
 
2232
2268
  .e-pv-properties-line-opacity {
@@ -2264,20 +2300,26 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2264
2300
  .e-pv-properties-line-style,
2265
2301
  .e-pv-properties-line-thickness,
2266
2302
  .e-pv-properties-line-opacity,
2267
- .e-pv-properties-line-leader-length,
2303
+ .e-pv-properties-line-leader-length {
2304
+ max-width: 180px;
2305
+ }
2306
+
2268
2307
  .e-pv-scale-ratio-src-input,
2269
2308
  .e-pv-scale-ratio-dest-input,
2270
2309
  .e-pv-depth-input {
2271
- max-width: 180px;
2310
+ max-width: 232px;
2272
2311
  }
2273
2312
 
2274
2313
  .e-pv-properties-line-start,
2275
2314
  .e-pv-properties-line-end,
2276
- .e-pv-properties-line-style,
2315
+ .e-pv-properties-line-style {
2316
+ width: 180px;
2317
+ }
2318
+
2277
2319
  .e-pv-scale-ratio-src-unit,
2278
2320
  .e-pv-scale-ratio-dest-unit,
2279
2321
  .e-pv-depth-unit {
2280
- width: 180px;
2322
+ width: 203px;
2281
2323
  }
2282
2324
 
2283
2325
  .e-pv-line-styles-container {
@@ -2369,7 +2411,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2369
2411
  align-items: baseline;
2370
2412
  display: -ms-flexbox;
2371
2413
  display: flex;
2372
- padding: 3px 8px;
2414
+ padding: 0 8px;
2373
2415
  }
2374
2416
 
2375
2417
  .e-pv-annotation-shapes-container .e-btn-icon.e-icons.e-icon-right.e-caret,
@@ -2558,7 +2600,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
2558
2600
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-icon-expandable,
2559
2601
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-input,
2560
2602
  .e-pdfviewer .e-treeview.e-fullrow-wrap .e-list-url {
2561
- margin-top: 3px;
2603
+ margin-top: 6px;
2562
2604
  position: absolute;
2563
2605
  }
2564
2606
 
@@ -3200,8 +3242,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3200
3242
  width: 54px;
3201
3243
  -ms-flex-line-pack: center;
3202
3244
  align-content: center;
3203
- -ms-flex-align: baseline;
3204
- align-items: baseline;
3245
+ -ms-flex-align: center;
3246
+ align-items: center;
3205
3247
  box-shadow: none;
3206
3248
  display: -ms-flexbox;
3207
3249
  display: flex;
@@ -3336,8 +3378,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3336
3378
  .e-pv-properties-form-field-btn-textarea-container {
3337
3379
  display: -ms-flexbox;
3338
3380
  display: flex;
3339
- padding-top: 15px;
3340
3381
  width: 385px;
3382
+ padding-top: 15px;
3341
3383
  }
3342
3384
 
3343
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 {
@@ -1316,6 +1327,10 @@ input.e-pv-input-password::-ms-reveal {
1316
1327
  z-index: 103;
1317
1328
  }
1318
1329
 
1330
+ .e-pv-thumbnail-anchor-node:hover {
1331
+ text-decoration: auto;
1332
+ }
1333
+
1319
1334
  .e-pv-sidebar-content.e-thumbnail {
1320
1335
  top: 1px;
1321
1336
  }
@@ -1511,6 +1526,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1511
1526
  padding-right: 18px;
1512
1527
  }
1513
1528
 
1529
+ .e-pv-bookmark-title {
1530
+ padding-left: 40px;
1531
+ }
1532
+
1514
1533
  .e-pv-sidebar-bookmark-title {
1515
1534
  color: rgba(0, 0, 0, 0.87);
1516
1535
  font-family: Roboto-Regular;
@@ -1579,6 +1598,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1579
1598
  .e-pv-shapes-toolbar .e-pv-tbar-btn,
1580
1599
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item.e-focused,
1581
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,
1582
1603
  .e-pv-annotation-stamp-container .e-menu-wrapper ul .e-menu-item .e-caret {
1583
1604
  color: #dadada;
1584
1605
  }
@@ -1802,8 +1823,8 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1802
1823
  vertical-align: initial;
1803
1824
  }
1804
1825
 
1805
- .e-pv-custom-annotation-thickness-container .e-btn-icon.e-pv-annotation-thickness-icon.e-pv-icon {
1806
- 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 {
1807
1828
  vertical-align: initial;
1808
1829
  }
1809
1830
 
@@ -1862,6 +1883,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1862
1883
  .e-pv-annotation-opacity-container,
1863
1884
  .e-pv-annotation-stroke-container,
1864
1885
  .e-pv-custom-annotation-thickness-container,
1886
+ .e-pv-custom-annotation-opacity-container,
1865
1887
  .e-pv-annotation-thickness-container,
1866
1888
  .e-pv-annotation-textcolor-container,
1867
1889
  .e-pv-annotation-textalign-container,
@@ -1961,6 +1983,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1961
1983
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-btn,
1962
1984
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-btn,
1963
1985
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-btn,
1986
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-btn,
1964
1987
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-btn,
1965
1988
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-btn,
1966
1989
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-btn,
@@ -1973,6 +1996,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
1973
1996
  .e-pv-annotation-opacity-container.e-dropdown-btn.e-button,
1974
1997
  .e-pv-annotation-stroke-container.e-dropdown-btn.e-button,
1975
1998
  .e-pv-custom-annotation-thickness-container.e-dropdown-btn.e-button,
1999
+ .e-pv-custom-annotation-opacity-container.e-dropdown-btn.e-button,
1976
2000
  .e-pv-annotation-thickness-container.e-dropdown-btn.e-bbuttontn,
1977
2001
  .e-pv-annotation-textcolor-container.e-dropdown-btn.e-button,
1978
2002
  .e-pv-annotation-textalign-container.e-dropdown-btn.e-button,
@@ -2011,6 +2035,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2011
2035
  max-width: 436px;
2012
2036
  }
2013
2037
 
2038
+ .e-pv-scale-ratio-dialog {
2039
+ max-width: 500px;
2040
+ }
2041
+
2014
2042
  .e-pv-line-styles-content,
2015
2043
  .e-pv-line-styles-item {
2016
2044
  border-bottom-color: #000;
@@ -2050,6 +2078,7 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2050
2078
  .e-pv-properties-line-opacity-container {
2051
2079
  float: left;
2052
2080
  height: auto;
2081
+ width: 180px;
2053
2082
  }
2054
2083
 
2055
2084
  .e-pv-scale-ratio-src-input-container,
@@ -2128,7 +2157,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2128
2157
  .e-pv-properties-line-style,
2129
2158
  .e-pv-properties-line-thickness,
2130
2159
  .e-pv-properties-line-opacity,
2131
- .e-pv-properties-line-leader-length,
2160
+ .e-pv-properties-line-leader-length {
2161
+ max-width: 180px;
2162
+ }
2163
+
2132
2164
  .e-pv-scale-ratio-src-input,
2133
2165
  .e-pv-scale-ratio-dest-input,
2134
2166
  .e-pv-depth-input {
@@ -2137,7 +2169,10 @@ div > .e-pv-bookmark-icon.e-pv-icon {
2137
2169
 
2138
2170
  .e-pv-properties-line-start,
2139
2171
  .e-pv-properties-line-end,
2140
- .e-pv-properties-line-style,
2172
+ .e-pv-properties-line-style {
2173
+ width: 180px;
2174
+ }
2175
+
2141
2176
  .e-pv-scale-ratio-src-unit,
2142
2177
  .e-pv-scale-ratio-dest-unit,
2143
2178
  .e-pv-depth-unit {
@@ -3063,8 +3098,8 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
3063
3098
  .e-pv-properties-form-field-btn-textarea-container {
3064
3099
  display: -ms-flexbox;
3065
3100
  display: flex;
3066
- padding-top: 15px;
3067
3101
  width: 385px;
3102
+ padding-top: 15px;
3068
3103
  }
3069
3104
 
3070
3105
  .e-pv-properties-dropdown-btn {