@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
|
@@ -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 'bds-definition.scss';
|
|
12
|
+
@import 'icons/bds.scss';
|
|
13
|
+
@import 'all.scss';
|
|
14
|
+
@import '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 {
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -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: #faf9f8;
|
|
685
691
|
}
|
|
@@ -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:
|
|
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(
|
|
559
|
+
width: calc(69% - 13px);
|
|
558
560
|
}
|
|
559
561
|
|
|
560
562
|
.e-ie-img-save-dlg {
|
|
561
563
|
display: inline-block;
|
|
562
|
-
width:
|
|
564
|
+
width: 92px;
|
|
563
565
|
}
|
|
564
566
|
|
|
565
567
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -703,6 +705,10 @@
|
|
|
703
705
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
704
706
|
}
|
|
705
707
|
|
|
708
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
709
|
+
top: calc(50% + 60px);
|
|
710
|
+
}
|
|
711
|
+
|
|
706
712
|
.e-image-editor {
|
|
707
713
|
background: var(--color-sf-content-bg-color-alt1);
|
|
708
714
|
}
|
|
@@ -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: #fff;
|
|
675
681
|
}
|
|
@@ -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
|
}
|
|
@@ -534,13 +536,13 @@
|
|
|
534
536
|
.e-ie-img-save-name {
|
|
535
537
|
display: inline-block;
|
|
536
538
|
margin-right: 10px;
|
|
537
|
-
width: calc(
|
|
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:
|
|
545
|
+
width: 92px;
|
|
544
546
|
}
|
|
545
547
|
|
|
546
548
|
.e-ie-img-save-dlg .e-btn {
|
|
@@ -678,6 +680,10 @@
|
|
|
678
680
|
margin-left: 10px !important; /* stylelint-disable-line declaration-no-important */
|
|
679
681
|
}
|
|
680
682
|
|
|
683
|
+
.e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
|
|
684
|
+
top: calc(50% + 60px);
|
|
685
|
+
}
|
|
686
|
+
|
|
681
687
|
.e-image-editor {
|
|
682
688
|
background: #000;
|
|
683
689
|
}
|