@syncfusion/ej2-image-editor 27.2.5 → 28.1.39
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.
- package/README.md +2 -2
- package/dist/ej2-image-editor.umd.min.js +3 -3
- package/dist/ej2-image-editor.umd.min.js.map +1 -1
- package/dist/es6/ej2-image-editor.es2015.js +380 -52
- package/dist/es6/ej2-image-editor.es2015.js.map +1 -1
- package/dist/es6/ej2-image-editor.es5.js +388 -52
- package/dist/es6/ej2-image-editor.es5.js.map +1 -1
- package/dist/global/ej2-image-editor.min.js +3 -3
- package/dist/global/ej2-image-editor.min.js.map +1 -1
- package/dist/global/index.d.ts +2 -2
- package/package.json +13 -13
- package/src/image-editor/action/draw.d.ts +4 -0
- package/src/image-editor/action/draw.js +97 -11
- package/src/image-editor/action/export.js +1 -1
- package/src/image-editor/action/shape.d.ts +1 -1
- package/src/image-editor/action/shape.js +22 -15
- package/src/image-editor/action/transform.js +1 -0
- package/src/image-editor/base/enum.d.ts +8 -2
- package/src/image-editor/base/enum.js +6 -0
- package/src/image-editor/base/image-editor-model.d.ts +51 -0
- package/src/image-editor/base/image-editor.d.ts +79 -2
- package/src/image-editor/base/image-editor.js +223 -12
- package/src/image-editor/renderer/toolbar.js +38 -12
- package/styles/bds-lite.css +867 -0
- package/styles/bds-lite.scss +13 -0
- package/styles/bds.css +973 -0
- package/styles/bds.scss +14 -0
- package/styles/bootstrap-dark-lite.css +9 -3
- package/styles/bootstrap-dark.css +9 -3
- package/styles/bootstrap-lite.css +9 -3
- package/styles/bootstrap.css +9 -3
- package/styles/bootstrap4-lite.css +9 -3
- package/styles/bootstrap4.css +9 -3
- package/styles/bootstrap5-dark-lite.css +9 -3
- package/styles/bootstrap5-dark.css +9 -3
- package/styles/bootstrap5-lite.css +9 -3
- package/styles/bootstrap5.3-lite.css +9 -3
- package/styles/bootstrap5.3.css +9 -3
- package/styles/bootstrap5.css +9 -3
- package/styles/fabric-dark-lite.css +9 -3
- package/styles/fabric-dark.css +9 -3
- package/styles/fabric-lite.css +9 -3
- package/styles/fabric.css +9 -3
- package/styles/fluent-dark-lite.css +9 -3
- package/styles/fluent-dark.css +9 -3
- package/styles/fluent-lite.css +9 -3
- package/styles/fluent.css +9 -3
- package/styles/fluent2-lite.css +9 -3
- package/styles/fluent2.css +9 -3
- package/styles/highcontrast-light-lite.css +9 -3
- package/styles/highcontrast-light.css +9 -3
- package/styles/highcontrast-lite.css +9 -3
- package/styles/highcontrast.css +9 -3
- package/styles/image-editor/_layout.scss +18 -4
- package/styles/image-editor/_tailwind3-definition.scss +29 -0
- package/styles/image-editor/bds.css +973 -0
- package/styles/image-editor/bds.scss +14 -0
- package/styles/image-editor/bootstrap-dark.css +9 -3
- package/styles/image-editor/bootstrap.css +9 -3
- package/styles/image-editor/bootstrap4.css +9 -3
- package/styles/image-editor/bootstrap5-dark.css +9 -3
- package/styles/image-editor/bootstrap5.3.css +9 -3
- package/styles/image-editor/bootstrap5.css +9 -3
- package/styles/image-editor/fabric-dark.css +9 -3
- package/styles/image-editor/fabric.css +9 -3
- package/styles/image-editor/fluent-dark.css +9 -3
- package/styles/image-editor/fluent.css +9 -3
- package/styles/image-editor/fluent2.css +9 -3
- package/styles/image-editor/highcontrast-light.css +9 -3
- package/styles/image-editor/highcontrast.css +9 -3
- package/styles/image-editor/icons/_tailwind3.scss +259 -0
- package/styles/image-editor/material-dark.css +9 -3
- package/styles/image-editor/material.css +9 -3
- package/styles/image-editor/material3-dark.css +9 -3
- package/styles/image-editor/material3.css +9 -3
- package/styles/image-editor/tailwind-dark.css +9 -3
- package/styles/image-editor/tailwind.css +9 -3
- package/styles/image-editor/tailwind3.css +864 -0
- package/styles/image-editor/tailwind3.scss +14 -0
- package/styles/material-dark-lite.css +9 -3
- package/styles/material-dark.css +9 -3
- package/styles/material-lite.css +9 -3
- package/styles/material.css +9 -3
- package/styles/material3-dark-lite.css +9 -3
- package/styles/material3-dark.css +9 -3
- package/styles/material3-lite.css +9 -3
- package/styles/material3.css +9 -3
- package/styles/tailwind-dark-lite.css +9 -3
- package/styles/tailwind-dark.css +9 -3
- package/styles/tailwind-lite.css +9 -3
- package/styles/tailwind.css +9 -3
- package/styles/tailwind3-lite.css +759 -0
- package/styles/tailwind3-lite.scss +13 -0
- package/styles/tailwind3.css +864 -0
- 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';
|
|
@@ -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:
|
|
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(
|
|
536
|
+
width: calc(69% - 13px);
|
|
535
537
|
}
|
|
536
538
|
|
|
537
539
|
.e-ie-img-save-dlg {
|
|
538
540
|
display: inline-block;
|
|
539
|
-
width:
|
|
541
|
+
width: 92px;
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -671,6 +673,10 @@
|
|
|
671
673
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
672
674
|
}
|
|
673
675
|
|
|
676
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
677
|
+
top: calc(50% + 60px);
|
|
678
|
+
}
|
|
679
|
+
|
|
674
680
|
.e-image-editor {
|
|
675
681
|
background: #959595;
|
|
676
682
|
}
|
|
@@ -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:
|
|
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(
|
|
536
|
+
width: calc(69% - 13px);
|
|
535
537
|
}
|
|
536
538
|
|
|
537
539
|
.e-ie-img-save-dlg {
|
|
538
540
|
display: inline-block;
|
|
539
|
-
width:
|
|
541
|
+
width: 92px;
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -671,6 +673,10 @@
|
|
|
671
673
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
672
674
|
}
|
|
673
675
|
|
|
676
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
677
|
+
top: calc(50% + 60px);
|
|
678
|
+
}
|
|
679
|
+
|
|
674
680
|
.e-image-editor {
|
|
675
681
|
background: #959595;
|
|
676
682
|
}
|
|
@@ -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:
|
|
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(
|
|
536
|
+
width: calc(69% - 13px);
|
|
535
537
|
}
|
|
536
538
|
|
|
537
539
|
.e-ie-img-save-dlg {
|
|
538
540
|
display: inline-block;
|
|
539
|
-
width:
|
|
541
|
+
width: 92px;
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -672,6 +674,10 @@
|
|
|
672
674
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
673
675
|
}
|
|
674
676
|
|
|
677
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
678
|
+
top: calc(50% + 60px);
|
|
679
|
+
}
|
|
680
|
+
|
|
675
681
|
.e-image-editor {
|
|
676
682
|
background: #e6e6e6;
|
|
677
683
|
}
|
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:
|
|
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(
|
|
536
|
+
width: calc(69% - 13px);
|
|
535
537
|
}
|
|
536
538
|
|
|
537
539
|
.e-ie-img-save-dlg {
|
|
538
540
|
display: inline-block;
|
|
539
|
-
width:
|
|
541
|
+
width: 92px;
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -672,6 +674,10 @@
|
|
|
672
674
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
673
675
|
}
|
|
674
676
|
|
|
677
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
678
|
+
top: calc(50% + 60px);
|
|
679
|
+
}
|
|
680
|
+
|
|
675
681
|
.e-image-editor {
|
|
676
682
|
background: #e6e6e6;
|
|
677
683
|
}
|
|
@@ -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:
|
|
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(
|
|
535
|
+
width: calc(69% - 13px);
|
|
534
536
|
}
|
|
535
537
|
|
|
536
538
|
.e-ie-img-save-dlg {
|
|
537
539
|
display: inline-block;
|
|
538
|
-
width:
|
|
540
|
+
width: 92px;
|
|
539
541
|
}
|
|
540
542
|
|
|
541
543
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -670,6 +672,10 @@
|
|
|
670
672
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
671
673
|
}
|
|
672
674
|
|
|
675
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
676
|
+
top: calc(50% + 60px);
|
|
677
|
+
}
|
|
678
|
+
|
|
673
679
|
.e-image-editor {
|
|
674
680
|
background: #e9ecef;
|
|
675
681
|
}
|
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:
|
|
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(
|
|
535
|
+
width: calc(69% - 13px);
|
|
534
536
|
}
|
|
535
537
|
|
|
536
538
|
.e-ie-img-save-dlg {
|
|
537
539
|
display: inline-block;
|
|
538
|
-
width:
|
|
540
|
+
width: 92px;
|
|
539
541
|
}
|
|
540
542
|
|
|
541
543
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -670,6 +672,10 @@
|
|
|
670
672
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
671
673
|
}
|
|
672
674
|
|
|
675
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
676
|
+
top: calc(50% + 60px);
|
|
677
|
+
}
|
|
678
|
+
|
|
673
679
|
.e-image-editor {
|
|
674
680
|
background: #e9ecef;
|
|
675
681
|
}
|
|
@@ -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:
|
|
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(
|
|
541
|
+
width: calc(69% - 13px);
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg {
|
|
543
545
|
display: inline-block;
|
|
544
|
-
width:
|
|
546
|
+
width: 92px;
|
|
545
547
|
}
|
|
546
548
|
|
|
547
549
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -677,6 +679,10 @@
|
|
|
677
679
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
678
680
|
}
|
|
679
681
|
|
|
682
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
683
|
+
top: calc(50% + 60px);
|
|
684
|
+
}
|
|
685
|
+
|
|
680
686
|
.e-image-editor {
|
|
681
687
|
background: #444c54;
|
|
682
688
|
}
|
|
@@ -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:
|
|
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(
|
|
541
|
+
width: calc(69% - 13px);
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg {
|
|
543
545
|
display: inline-block;
|
|
544
|
-
width:
|
|
546
|
+
width: 92px;
|
|
545
547
|
}
|
|
546
548
|
|
|
547
549
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -677,6 +679,10 @@
|
|
|
677
679
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
678
680
|
}
|
|
679
681
|
|
|
682
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
683
|
+
top: calc(50% + 60px);
|
|
684
|
+
}
|
|
685
|
+
|
|
680
686
|
.e-image-editor {
|
|
681
687
|
background: #444c54;
|
|
682
688
|
}
|
|
@@ -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:
|
|
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(
|
|
541
|
+
width: calc(69% - 13px);
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg {
|
|
543
545
|
display: inline-block;
|
|
544
|
-
width:
|
|
546
|
+
width: 92px;
|
|
545
547
|
}
|
|
546
548
|
|
|
547
549
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -677,6 +679,10 @@
|
|
|
677
679
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
678
680
|
}
|
|
679
681
|
|
|
682
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
683
|
+
top: calc(50% + 60px);
|
|
684
|
+
}
|
|
685
|
+
|
|
680
686
|
.e-image-editor {
|
|
681
687
|
background: #dee2e6;
|
|
682
688
|
}
|
|
@@ -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:
|
|
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(
|
|
545
|
+
width: calc(69% - 13px);
|
|
544
546
|
}
|
|
545
547
|
|
|
546
548
|
.e-ie-img-save-dlg {
|
|
547
549
|
display: inline-block;
|
|
548
|
-
width:
|
|
550
|
+
width: 92px;
|
|
549
551
|
}
|
|
550
552
|
|
|
551
553
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -681,6 +683,10 @@
|
|
|
681
683
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
682
684
|
}
|
|
683
685
|
|
|
686
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
687
|
+
top: calc(50% + 60px);
|
|
688
|
+
}
|
|
689
|
+
|
|
684
690
|
.e-image-editor {
|
|
685
691
|
background: var(--color-sf-border-light);
|
|
686
692
|
}
|
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:
|
|
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(
|
|
545
|
+
width: calc(69% - 13px);
|
|
544
546
|
}
|
|
545
547
|
|
|
546
548
|
.e-ie-img-save-dlg {
|
|
547
549
|
display: inline-block;
|
|
548
|
-
width:
|
|
550
|
+
width: 92px;
|
|
549
551
|
}
|
|
550
552
|
|
|
551
553
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -681,6 +683,10 @@
|
|
|
681
683
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
682
684
|
}
|
|
683
685
|
|
|
686
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
687
|
+
top: calc(50% + 60px);
|
|
688
|
+
}
|
|
689
|
+
|
|
684
690
|
.e-image-editor {
|
|
685
691
|
background: var(--color-sf-border-light);
|
|
686
692
|
}
|
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:
|
|
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(
|
|
541
|
+
width: calc(69% - 13px);
|
|
540
542
|
}
|
|
541
543
|
|
|
542
544
|
.e-ie-img-save-dlg {
|
|
543
545
|
display: inline-block;
|
|
544
|
-
width:
|
|
546
|
+
width: 92px;
|
|
545
547
|
}
|
|
546
548
|
|
|
547
549
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -677,6 +679,10 @@
|
|
|
677
679
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
678
680
|
}
|
|
679
681
|
|
|
682
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
683
|
+
top: calc(50% + 60px);
|
|
684
|
+
}
|
|
685
|
+
|
|
680
686
|
.e-image-editor {
|
|
681
687
|
background: #dee2e6;
|
|
682
688
|
}
|
|
@@ -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:
|
|
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(
|
|
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:
|
|
542
|
+
width: 92px;
|
|
541
543
|
}
|
|
542
544
|
|
|
543
545
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -673,6 +675,10 @@
|
|
|
673
675
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
674
676
|
}
|
|
675
677
|
|
|
678
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
679
|
+
top: calc(50% + 60px);
|
|
680
|
+
}
|
|
681
|
+
|
|
676
682
|
.e-image-editor {
|
|
677
683
|
background: #201f1f;
|
|
678
684
|
}
|
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:
|
|
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(
|
|
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:
|
|
542
|
+
width: 92px;
|
|
541
543
|
}
|
|
542
544
|
|
|
543
545
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -673,6 +675,10 @@
|
|
|
673
675
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
674
676
|
}
|
|
675
677
|
|
|
678
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
679
|
+
top: calc(50% + 60px);
|
|
680
|
+
}
|
|
681
|
+
|
|
676
682
|
.e-image-editor {
|
|
677
683
|
background: #201f1f;
|
|
678
684
|
}
|
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:
|
|
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(
|
|
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:
|
|
542
|
+
width: 92px;
|
|
541
543
|
}
|
|
542
544
|
|
|
543
545
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -675,6 +677,10 @@
|
|
|
675
677
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
676
678
|
}
|
|
677
679
|
|
|
680
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
681
|
+
top: calc(50% + 60px);
|
|
682
|
+
}
|
|
683
|
+
|
|
678
684
|
.e-image-editor {
|
|
679
685
|
background: #fff;
|
|
680
686
|
}
|
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:
|
|
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(
|
|
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:
|
|
542
|
+
width: 92px;
|
|
541
543
|
}
|
|
542
544
|
|
|
543
545
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -675,6 +677,10 @@
|
|
|
675
677
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
676
678
|
}
|
|
677
679
|
|
|
680
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
681
|
+
top: calc(50% + 60px);
|
|
682
|
+
}
|
|
683
|
+
|
|
678
684
|
.e-image-editor {
|
|
679
685
|
background: #fff;
|
|
680
686
|
}
|
|
@@ -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:
|
|
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(
|
|
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:
|
|
547
|
+
width: 92px;
|
|
546
548
|
}
|
|
547
549
|
|
|
548
550
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -680,6 +682,10 @@
|
|
|
680
682
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
681
683
|
}
|
|
682
684
|
|
|
685
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
686
|
+
top: calc(50% + 60px);
|
|
687
|
+
}
|
|
688
|
+
|
|
683
689
|
.e-image-editor {
|
|
684
690
|
background: #201f1e;
|
|
685
691
|
}
|
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:
|
|
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(
|
|
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:
|
|
547
|
+
width: 92px;
|
|
546
548
|
}
|
|
547
549
|
|
|
548
550
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -680,6 +682,10 @@
|
|
|
680
682
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
681
683
|
}
|
|
682
684
|
|
|
685
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
686
|
+
top: calc(50% + 60px);
|
|
687
|
+
}
|
|
688
|
+
|
|
683
689
|
.e-image-editor {
|
|
684
690
|
background: #201f1e;
|
|
685
691
|
}
|