@syncfusion/ej2-image-editor 27.2.3 → 28.1.33

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 (95) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-image-editor.umd.min.js +3 -3
  3. package/dist/ej2-image-editor.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-image-editor.es2015.js +377 -52
  5. package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
  6. package/dist/es6/ej2-image-editor.es5.js +385 -52
  7. package/dist/es6/ej2-image-editor.es5.js.map +1 -1
  8. package/dist/global/ej2-image-editor.min.js +3 -3
  9. package/dist/global/ej2-image-editor.min.js.map +1 -1
  10. package/dist/global/index.d.ts +2 -2
  11. package/package.json +13 -13
  12. package/src/image-editor/action/draw.d.ts +4 -0
  13. package/src/image-editor/action/draw.js +97 -11
  14. package/src/image-editor/action/export.js +1 -1
  15. package/src/image-editor/action/shape.d.ts +1 -1
  16. package/src/image-editor/action/shape.js +22 -15
  17. package/src/image-editor/action/transform.js +1 -0
  18. package/src/image-editor/base/enum.d.ts +8 -2
  19. package/src/image-editor/base/enum.js +6 -0
  20. package/src/image-editor/base/image-editor-model.d.ts +51 -0
  21. package/src/image-editor/base/image-editor.d.ts +79 -2
  22. package/src/image-editor/base/image-editor.js +223 -12
  23. package/src/image-editor/renderer/toolbar.js +35 -12
  24. package/styles/bds-lite.css +863 -0
  25. package/styles/bds-lite.scss +13 -0
  26. package/styles/bds.css +969 -0
  27. package/styles/bds.scss +14 -0
  28. package/styles/bootstrap-dark-lite.css +5 -3
  29. package/styles/bootstrap-dark.css +5 -3
  30. package/styles/bootstrap-lite.css +5 -3
  31. package/styles/bootstrap.css +5 -3
  32. package/styles/bootstrap4-lite.css +5 -3
  33. package/styles/bootstrap4.css +5 -3
  34. package/styles/bootstrap5-dark-lite.css +5 -3
  35. package/styles/bootstrap5-dark.css +5 -3
  36. package/styles/bootstrap5-lite.css +5 -3
  37. package/styles/bootstrap5.3-lite.css +5 -3
  38. package/styles/bootstrap5.3.css +5 -3
  39. package/styles/bootstrap5.css +5 -3
  40. package/styles/fabric-dark-lite.css +5 -3
  41. package/styles/fabric-dark.css +5 -3
  42. package/styles/fabric-lite.css +5 -3
  43. package/styles/fabric.css +5 -3
  44. package/styles/fluent-dark-lite.css +5 -3
  45. package/styles/fluent-dark.css +5 -3
  46. package/styles/fluent-lite.css +5 -3
  47. package/styles/fluent.css +5 -3
  48. package/styles/fluent2-lite.css +5 -3
  49. package/styles/fluent2.css +5 -3
  50. package/styles/highcontrast-light-lite.css +5 -3
  51. package/styles/highcontrast-light.css +5 -3
  52. package/styles/highcontrast-lite.css +5 -3
  53. package/styles/highcontrast.css +5 -3
  54. package/styles/image-editor/_layout.scss +13 -3
  55. package/styles/image-editor/_tailwind3-definition.scss +29 -0
  56. package/styles/image-editor/bds.css +969 -0
  57. package/styles/image-editor/bds.scss +14 -0
  58. package/styles/image-editor/bootstrap-dark.css +5 -3
  59. package/styles/image-editor/bootstrap.css +5 -3
  60. package/styles/image-editor/bootstrap4.css +5 -3
  61. package/styles/image-editor/bootstrap5-dark.css +5 -3
  62. package/styles/image-editor/bootstrap5.3.css +5 -3
  63. package/styles/image-editor/bootstrap5.css +5 -3
  64. package/styles/image-editor/fabric-dark.css +5 -3
  65. package/styles/image-editor/fabric.css +5 -3
  66. package/styles/image-editor/fluent-dark.css +5 -3
  67. package/styles/image-editor/fluent.css +5 -3
  68. package/styles/image-editor/fluent2.css +5 -3
  69. package/styles/image-editor/highcontrast-light.css +5 -3
  70. package/styles/image-editor/highcontrast.css +5 -3
  71. package/styles/image-editor/icons/_tailwind3.scss +259 -0
  72. package/styles/image-editor/material-dark.css +5 -3
  73. package/styles/image-editor/material.css +5 -3
  74. package/styles/image-editor/material3-dark.css +5 -3
  75. package/styles/image-editor/material3.css +5 -3
  76. package/styles/image-editor/tailwind-dark.css +5 -3
  77. package/styles/image-editor/tailwind.css +5 -3
  78. package/styles/image-editor/tailwind3.css +860 -0
  79. package/styles/image-editor/tailwind3.scss +14 -0
  80. package/styles/material-dark-lite.css +5 -3
  81. package/styles/material-dark.css +5 -3
  82. package/styles/material-lite.css +5 -3
  83. package/styles/material.css +5 -3
  84. package/styles/material3-dark-lite.css +5 -3
  85. package/styles/material3-dark.css +5 -3
  86. package/styles/material3-lite.css +5 -3
  87. package/styles/material3.css +5 -3
  88. package/styles/tailwind-dark-lite.css +5 -3
  89. package/styles/tailwind-dark.css +5 -3
  90. package/styles/tailwind-lite.css +5 -3
  91. package/styles/tailwind.css +5 -3
  92. package/styles/tailwind3-lite.css +755 -0
  93. package/styles/tailwind3-lite.scss +13 -0
  94. package/styles/tailwind3.css +860 -0
  95. package/styles/tailwind3.scss +14 -0
package/styles/bds.scss ADDED
@@ -0,0 +1,14 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
3
+ @import 'ej2-splitbuttons/styles/drop-down-button/bds-definition.scss';
4
+ @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
5
+ @import 'ej2-inputs/styles/textbox/bds-definition.scss';
6
+ @import 'ej2-inputs/styles/uploader/bds-definition.scss';
7
+ @import 'ej2-popups/styles/tooltip/bds-definition.scss';
8
+ @import 'ej2-inputs/styles/color-picker/bds-definition.scss';
9
+ @import 'ej2-navigations/styles/toolbar/bds-definition.scss';
10
+ @import 'ej2-popups/styles/spinner/bds-definition.scss';
11
+ @import 'image-editor/bds-definition.scss';
12
+ @import 'image-editor/icons/bds.scss';
13
+ @import 'image-editor/all.scss';
14
+ @import 'image-editor/bigger.scss';
package/styles/bootstrap-dark-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,12 +533,12 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  }
536
538
 
537
539
  .e-ie-img-save-dlg {
538
540
  display: inline-block;
539
- width: 90px;
541
+ width: 92px;
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap-dark.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,12 +533,12 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  }
536
538
 
537
539
  .e-ie-img-save-dlg {
538
540
  display: inline-block;
539
- width: 90px;
541
+ width: 92px;
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,12 +533,12 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  }
536
538
 
537
539
  .e-ie-img-save-dlg {
538
540
  display: inline-block;
539
- width: 90px;
541
+ width: 92px;
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,12 +533,12 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  }
536
538
 
537
539
  .e-ie-img-save-dlg {
538
540
  display: inline-block;
539
- width: 90px;
541
+ width: 92px;
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap4-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -530,12 +532,12 @@
530
532
  .e-ie-img-save-name {
531
533
  display: inline-block;
532
534
  margin-right: 10px;
533
- width: calc(71% - 13px);
535
+ width: calc(69% - 13px);
534
536
  }
535
537
 
536
538
  .e-ie-img-save-dlg {
537
539
  display: inline-block;
538
- width: 90px;
540
+ width: 92px;
539
541
  }
540
542
 
541
543
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap4.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -530,12 +532,12 @@
530
532
  .e-ie-img-save-name {
531
533
  display: inline-block;
532
534
  margin-right: 10px;
533
- width: calc(71% - 13px);
535
+ width: calc(69% - 13px);
534
536
  }
535
537
 
536
538
  .e-ie-img-save-dlg {
537
539
  display: inline-block;
538
- width: 90px;
540
+ width: 92px;
539
541
  }
540
542
 
541
543
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -274,7 +274,9 @@
274
274
  }
275
275
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
276
276
  top: calc(50% + 40px);
277
- left: calc(50% - 100px);
277
+ left: 50%;
278
+ -webkit-transform: translate(-50%, -50%);
279
+ transform: translate(-50%, -50%);
278
280
  position: absolute;
279
281
  font-size: 14px;
280
282
  }
@@ -536,12 +538,12 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg {
543
545
  display: inline-block;
544
- width: 90px;
546
+ width: 92px;
545
547
  }
546
548
 
547
549
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5-dark.css CHANGED
@@ -274,7 +274,9 @@
274
274
  }
275
275
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
276
276
  top: calc(50% + 40px);
277
- left: calc(50% - 100px);
277
+ left: 50%;
278
+ -webkit-transform: translate(-50%, -50%);
279
+ transform: translate(-50%, -50%);
278
280
  position: absolute;
279
281
  font-size: 14px;
280
282
  }
@@ -536,12 +538,12 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg {
543
545
  display: inline-block;
544
- width: 90px;
546
+ width: 92px;
545
547
  }
546
548
 
547
549
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5-lite.css CHANGED
@@ -274,7 +274,9 @@
274
274
  }
275
275
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
276
276
  top: calc(50% + 40px);
277
- left: calc(50% - 100px);
277
+ left: 50%;
278
+ -webkit-transform: translate(-50%, -50%);
279
+ transform: translate(-50%, -50%);
278
280
  position: absolute;
279
281
  font-size: 14px;
280
282
  }
@@ -536,12 +538,12 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg {
543
545
  display: inline-block;
544
- width: 90px;
546
+ width: 92px;
545
547
  }
546
548
 
547
549
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5.3-lite.css CHANGED
@@ -278,7 +278,9 @@
278
278
  }
279
279
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
280
280
  top: calc(50% + 40px);
281
- left: calc(50% - 100px);
281
+ left: 50%;
282
+ -webkit-transform: translate(-50%, -50%);
283
+ transform: translate(-50%, -50%);
282
284
  position: absolute;
283
285
  font-size: 14px;
284
286
  }
@@ -540,12 +542,12 @@
540
542
  .e-ie-img-save-name {
541
543
  display: inline-block;
542
544
  margin-right: 10px;
543
- width: calc(71% - 13px);
545
+ width: calc(69% - 13px);
544
546
  }
545
547
 
546
548
  .e-ie-img-save-dlg {
547
549
  display: inline-block;
548
- width: 90px;
550
+ width: 92px;
549
551
  }
550
552
 
551
553
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5.3.css CHANGED
@@ -278,7 +278,9 @@
278
278
  }
279
279
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
280
280
  top: calc(50% + 40px);
281
- left: calc(50% - 100px);
281
+ left: 50%;
282
+ -webkit-transform: translate(-50%, -50%);
283
+ transform: translate(-50%, -50%);
282
284
  position: absolute;
283
285
  font-size: 14px;
284
286
  }
@@ -540,12 +542,12 @@
540
542
  .e-ie-img-save-name {
541
543
  display: inline-block;
542
544
  margin-right: 10px;
543
- width: calc(71% - 13px);
545
+ width: calc(69% - 13px);
544
546
  }
545
547
 
546
548
  .e-ie-img-save-dlg {
547
549
  display: inline-block;
548
- width: 90px;
550
+ width: 92px;
549
551
  }
550
552
 
551
553
  .e-ie-img-save-dlg .e-btn {
package/styles/bootstrap5.css CHANGED
@@ -274,7 +274,9 @@
274
274
  }
275
275
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
276
276
  top: calc(50% + 40px);
277
- left: calc(50% - 100px);
277
+ left: 50%;
278
+ -webkit-transform: translate(-50%, -50%);
279
+ transform: translate(-50%, -50%);
278
280
  position: absolute;
279
281
  font-size: 14px;
280
282
  }
@@ -536,12 +538,12 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  }
541
543
 
542
544
  .e-ie-img-save-dlg {
543
545
  display: inline-block;
544
- width: 90px;
546
+ width: 92px;
545
547
  }
546
548
 
547
549
  .e-ie-img-save-dlg .e-btn {
package/styles/fabric-dark-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,13 +533,13 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  margin-right: 8px !important; /* stylelint-disable-line declaration-no-important */
536
538
  }
537
539
 
538
540
  .e-ie-img-save-dlg {
539
541
  display: inline-block;
540
- width: 90px;
542
+ width: 92px;
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg .e-btn {
package/styles/fabric-dark.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,13 +533,13 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  margin-right: 8px !important; /* stylelint-disable-line declaration-no-important */
536
538
  }
537
539
 
538
540
  .e-ie-img-save-dlg {
539
541
  display: inline-block;
540
- width: 90px;
542
+ width: 92px;
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg .e-btn {
package/styles/fabric-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,13 +533,13 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  margin-right: 8px !important; /* stylelint-disable-line declaration-no-important */
536
538
  }
537
539
 
538
540
  .e-ie-img-save-dlg {
539
541
  display: inline-block;
540
- width: 90px;
542
+ width: 92px;
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg .e-btn {
package/styles/fabric.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -531,13 +533,13 @@
531
533
  .e-ie-img-save-name {
532
534
  display: inline-block;
533
535
  margin-right: 10px;
534
- width: calc(71% - 13px);
536
+ width: calc(69% - 13px);
535
537
  margin-right: 8px !important; /* stylelint-disable-line declaration-no-important */
536
538
  }
537
539
 
538
540
  .e-ie-img-save-dlg {
539
541
  display: inline-block;
540
- width: 90px;
542
+ width: 92px;
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent-dark-lite.css CHANGED
@@ -277,7 +277,9 @@
277
277
  }
278
278
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
279
279
  top: calc(50% + 40px);
280
- left: calc(50% - 100px);
280
+ left: 50%;
281
+ -webkit-transform: translate(-50%, -50%);
282
+ transform: translate(-50%, -50%);
281
283
  position: absolute;
282
284
  font-size: 14px;
283
285
  }
@@ -536,13 +538,13 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  width: calc(69% - 15px) !important; /* stylelint-disable-line declaration-no-important */
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg {
544
546
  display: inline-block;
545
- width: 90px;
547
+ width: 92px;
546
548
  }
547
549
 
548
550
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent-dark.css CHANGED
@@ -277,7 +277,9 @@
277
277
  }
278
278
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
279
279
  top: calc(50% + 40px);
280
- left: calc(50% - 100px);
280
+ left: 50%;
281
+ -webkit-transform: translate(-50%, -50%);
282
+ transform: translate(-50%, -50%);
281
283
  position: absolute;
282
284
  font-size: 14px;
283
285
  }
@@ -536,13 +538,13 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  width: calc(69% - 15px) !important; /* stylelint-disable-line declaration-no-important */
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg {
544
546
  display: inline-block;
545
- width: 90px;
547
+ width: 92px;
546
548
  }
547
549
 
548
550
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent-lite.css CHANGED
@@ -277,7 +277,9 @@
277
277
  }
278
278
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
279
279
  top: calc(50% + 40px);
280
- left: calc(50% - 100px);
280
+ left: 50%;
281
+ -webkit-transform: translate(-50%, -50%);
282
+ transform: translate(-50%, -50%);
281
283
  position: absolute;
282
284
  font-size: 14px;
283
285
  }
@@ -536,13 +538,13 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  width: calc(69% - 15px) !important; /* stylelint-disable-line declaration-no-important */
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg {
544
546
  display: inline-block;
545
- width: 90px;
547
+ width: 92px;
546
548
  }
547
549
 
548
550
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent.css CHANGED
@@ -277,7 +277,9 @@
277
277
  }
278
278
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
279
279
  top: calc(50% + 40px);
280
- left: calc(50% - 100px);
280
+ left: 50%;
281
+ -webkit-transform: translate(-50%, -50%);
282
+ transform: translate(-50%, -50%);
281
283
  position: absolute;
282
284
  font-size: 14px;
283
285
  }
@@ -536,13 +538,13 @@
536
538
  .e-ie-img-save-name {
537
539
  display: inline-block;
538
540
  margin-right: 10px;
539
- width: calc(71% - 13px);
541
+ width: calc(69% - 13px);
540
542
  width: calc(69% - 15px) !important; /* stylelint-disable-line declaration-no-important */
541
543
  }
542
544
 
543
545
  .e-ie-img-save-dlg {
544
546
  display: inline-block;
545
- width: 90px;
547
+ width: 92px;
546
548
  }
547
549
 
548
550
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent2-lite.css CHANGED
@@ -284,7 +284,9 @@
284
284
  }
285
285
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
286
286
  top: calc(50% + 40px);
287
- left: calc(50% - 100px);
287
+ left: 50%;
288
+ -webkit-transform: translate(-50%, -50%);
289
+ transform: translate(-50%, -50%);
288
290
  position: absolute;
289
291
  font-size: 14px;
290
292
  }
@@ -554,12 +556,12 @@
554
556
  .e-ie-img-save-name {
555
557
  display: inline-block;
556
558
  margin-right: 10px;
557
- width: calc(71% - 13px);
559
+ width: calc(69% - 13px);
558
560
  }
559
561
 
560
562
  .e-ie-img-save-dlg {
561
563
  display: inline-block;
562
- width: 90px;
564
+ width: 92px;
563
565
  }
564
566
 
565
567
  .e-ie-img-save-dlg .e-btn {
package/styles/fluent2.css CHANGED
@@ -284,7 +284,9 @@
284
284
  }
285
285
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
286
286
  top: calc(50% + 40px);
287
- left: calc(50% - 100px);
287
+ left: 50%;
288
+ -webkit-transform: translate(-50%, -50%);
289
+ transform: translate(-50%, -50%);
288
290
  position: absolute;
289
291
  font-size: 14px;
290
292
  }
@@ -554,12 +556,12 @@
554
556
  .e-ie-img-save-name {
555
557
  display: inline-block;
556
558
  margin-right: 10px;
557
- width: calc(71% - 13px);
559
+ width: calc(69% - 13px);
558
560
  }
559
561
 
560
562
  .e-ie-img-save-dlg {
561
563
  display: inline-block;
562
- width: 90px;
564
+ width: 92px;
563
565
  }
564
566
 
565
567
  .e-ie-img-save-dlg .e-btn {
package/styles/highcontrast-light-lite.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -530,12 +532,12 @@
530
532
  .e-ie-img-save-name {
531
533
  display: inline-block;
532
534
  margin-right: 10px;
533
- width: calc(71% - 13px);
535
+ width: calc(69% - 13px);
534
536
  }
535
537
 
536
538
  .e-ie-img-save-dlg {
537
539
  display: inline-block;
538
- width: 90px;
540
+ width: 92px;
539
541
  }
540
542
 
541
543
  .e-ie-img-save-dlg .e-btn {
package/styles/highcontrast-light.css CHANGED
@@ -273,7 +273,9 @@
273
273
  }
274
274
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
275
275
  top: calc(50% + 40px);
276
- left: calc(50% - 100px);
276
+ left: 50%;
277
+ -webkit-transform: translate(-50%, -50%);
278
+ transform: translate(-50%, -50%);
277
279
  position: absolute;
278
280
  font-size: 14px;
279
281
  }
@@ -530,12 +532,12 @@
530
532
  .e-ie-img-save-name {
531
533
  display: inline-block;
532
534
  margin-right: 10px;
533
- width: calc(71% - 13px);
535
+ width: calc(69% - 13px);
534
536
  }
535
537
 
536
538
  .e-ie-img-save-dlg {
537
539
  display: inline-block;
538
- width: 90px;
540
+ width: 92px;
539
541
  }
540
542
 
541
543
  .e-ie-img-save-dlg .e-btn {
package/styles/highcontrast-lite.css CHANGED
@@ -277,7 +277,9 @@
277
277
  }
278
278
  .e-image-editor .e-ie-drop-area .e-ie-drop-info {
279
279
  top: calc(50% + 40px);
280
- left: calc(50% - 100px);
280
+ left: 50%;
281
+ -webkit-transform: translate(-50%, -50%);
282
+ transform: translate(-50%, -50%);
281
283
  position: absolute;
282
284
  font-size: 14px;
283
285
  }
@@ -534,13 +536,13 @@
534
536
  .e-ie-img-save-name {
535
537
  display: inline-block;
536
538
  margin-right: 10px;
537
- width: calc(71% - 13px);
539
+ width: calc(69% - 13px);
538
540
  margin-right: 8px !important; /* stylelint-disable-line declaration-no-important */
539
541
  }
540
542
 
541
543
  .e-ie-img-save-dlg {
542
544
  display: inline-block;
543
- width: 90px;
545
+ width: 92px;
544
546
  }
545
547
 
546
548
  .e-ie-img-save-dlg .e-btn {