@syncfusion/ej2-image-editor 20.4.49 → 21.1.35

package/styles/image-editor/bootstrap-dark.css

@@ -123,6 +123,11 @@
   content: "\e970";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -228,7 +233,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #acacac;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -280,24 +285,24 @@
   background: inherit;
   border: none;
   margin-top: 2px;
-  background-color: #131313;
+  background: #131313;
   color: #f0f0f0;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #313131;
+  background: #313131;
   box-shadow: none;
   color: #f0f0f0;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #2a2a2a;
+  background: #2a2a2a;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #2a2a2a;
+  background: #2a2a2a;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/bootstrap.css

@@ -123,6 +123,11 @@
   content: "\e970";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -228,7 +233,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #ccc;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -280,24 +285,24 @@
   background: inherit;
   border: none;
   margin-top: 2px;
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   color: #333;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   box-shadow: none;
   color: #333;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   box-shadow: none;
   color: #333;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   box-shadow: none;
   color: #333;
 }

package/styles/image-editor/bootstrap4.css

@@ -123,6 +123,11 @@
   content: "\e95f";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -226,7 +231,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #dee2e6;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -275,24 +280,24 @@
   background: inherit;
   border: none;
   margin-top: 2px;
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #495057;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #5a6268;
+  background: #5a6268;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #6c757d;
+  background: #6c757d;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #545b62;
+  background: #545b62;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/bootstrap5-dark.css

@@ -134,6 +134,11 @@
   content: "\e82e";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -155,6 +160,7 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 20px;
   padding-top: 4px;
+  padding-bottom: 4px;
 }
 .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret,
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret,
@@ -203,6 +209,7 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 18px;
   padding-top: 4px;
+  padding-bottom: 4px;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
@@ -210,9 +217,6 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap {
   padding: 0;
 }
-.e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap .e-btn-icon {
-  margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-select, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-drop, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-upload-files {
   display: none;
 }
@@ -245,7 +249,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #343a40;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -297,24 +301,24 @@
   background: inherit;
   border: none;
   margin-top: -1px;
-  background-color: #282d31;
+  background: #282d31;
   color: #adb5bd;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #5c636a;
+  background: #5c636a;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #5c636a;
+  background: #5c636a;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #565e64;
+  background: #565e64;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/bootstrap5.css

@@ -134,6 +134,11 @@
   content: "\e82e";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -155,6 +160,7 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 20px;
   padding-top: 4px;
+  padding-bottom: 4px;
 }
 .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret,
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret,
@@ -203,6 +209,7 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 18px;
   padding-top: 4px;
+  padding-bottom: 4px;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
@@ -210,9 +217,6 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap {
   padding: 0;
 }
-.e-image-editor .e-toolbar .e-toolbar-items .e-file-select-wrap .e-btn-icon {
-  margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-select, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-file-drop, .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-upload-files {
   display: none;
 }
@@ -245,7 +249,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #e9ecef;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -297,24 +301,24 @@
   background: inherit;
   border: none;
   margin-top: -1px;
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   color: #6c757d;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #5c636a;
+  background: #5c636a;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #5c636a;
+  background: #5c636a;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #565e64;
+  background: #565e64;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/fabric-dark.css

@@ -123,6 +123,11 @@
   content: "\e952";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -228,7 +233,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #414040;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -280,24 +285,24 @@
   background: inherit;
   border: none;
   margin-top: 0;
-  background-color: #333232;
+  background: #333232;
   color: #dadada;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #514f4f;
+  background: #514f4f;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #414040;
+  background: #414040;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #6f6c6c;
+  background: #6f6c6c;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/fabric.css

@@ -123,6 +123,11 @@
   content: "\e952";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -228,7 +233,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #eaeaea;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -280,24 +285,24 @@
   background: inherit;
   border: none;
   margin-top: 0;
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #eaeaea;
+  background: #eaeaea;
   box-shadow: none;
   color: #000;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   box-shadow: none;
   color: #333;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #c8c8c8;
+  background: #c8c8c8;
   box-shadow: none;
   color: #000;
 }

package/styles/image-editor/fluent-dark.css

@@ -132,6 +132,11 @@
   content: "\e82e";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -235,7 +240,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #292827;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -287,24 +292,24 @@
   background: inherit;
   border: none;
   margin-top: 2px;
-  background-color: #252423;
+  background: #252423;
   color: #a19f9d;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #252423;
+  background: #252423;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #252423;
+  background: #252423;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #292827;
+  background: #292827;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/fluent.css

@@ -132,6 +132,11 @@
   content: "\e82e";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -235,7 +240,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #edebe9;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -287,24 +292,24 @@
   background: inherit;
   border: none;
   margin-top: 2px;
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   color: #605e5c;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   box-shadow: none;
   color: #323130;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   box-shadow: none;
   color: #323130;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #edebe9;
+  background: #edebe9;
   box-shadow: none;
   color: #323130;
 }

package/styles/image-editor/highcontrast-light.css

@@ -123,6 +123,11 @@
   content: "\e952";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -226,7 +231,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #000;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -278,24 +283,24 @@
   background: inherit;
   border: none;
   margin-top: 0;
-  background-color: #fff;
+  background: #fff;
   color: #000;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #ecf;
+  background: #ecf;
   box-shadow: none;
   color: #000;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #fff;
+  background: #fff;
   box-shadow: none;
   color: #000;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #400074;
+  background: #400074;
   box-shadow: none;
   color: #fff;
 }

package/styles/image-editor/highcontrast.css

@@ -123,6 +123,11 @@
   content: "\e952";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -226,7 +231,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #fff;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -278,24 +283,24 @@
   background: inherit;
   border: none;
   margin-top: 0;
-  background-color: #000;
+  background: #000;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #685708;
+  background: #685708;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #000;
+  background: #000;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #ffd939;
+  background: #ffd939;
   box-shadow: none;
   color: #000;
 }

package/styles/image-editor/material-dark.css

@@ -133,6 +133,11 @@
   content: "\e95d";
 }
 
+.e-ie-toolbar-upload-div.e-hide,
+.e-ie-toolbar-upload-btn.e-hide {
+  display: none;
+}
+
 .e-device.e-image-editor .e-img-font-style.e-template {
   margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -146,11 +151,6 @@
   height: 48px !important; /* stylelint-disable-line declaration-no-important */
   min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-bigger .e-image-editor .e-toolbar .e-toolbar-items,
-.e-image-editor.e-bigger .e-toolbar .e-toolbar-items {
-  height: 48px !important; /* stylelint-disable-line declaration-no-important */
-  min-height: 48px !important; /* stylelint-disable-line declaration-no-important */
-}
 .e-bigger .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon,
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
   font-size: 18px;
@@ -218,9 +218,6 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-image-upload .e-upload {
   border: none;
 }
-.e-image-editor .e-toolbar .e-toolbar-items .e-image-upload .e-icons.e-upload-icon {
-  margin-top: 7px;
-}
 .e-image-editor .e-toolbar .e-toolbar-items .e-fill.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-stroke.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-pen-stroke-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-text-font-color.e-template .e-dropdown-btn .e-icons.e-caret, .e-image-editor .e-toolbar .e-toolbar-items .e-save.e-template .e-dropdown-btn .e-icons.e-caret {
   font-size: 16px;
 }
@@ -244,7 +241,7 @@
 .e-image-editor .e-toolbar-area + .e-canvas-wrapper {
   border-top: 1px solid #757575;
 }
-.e-image-editor .e-canvas-wrapper .e-textarea {
+.e-image-editor .e-toolbar-area + .e-canvas-wrapper .e-textarea {
   line-height: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-bottom-toolbar {
@@ -296,24 +293,24 @@
   background: inherit;
   border: none;
   margin-top: 0;
-  background-color: #212121;
+  background: #212121;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn .e-caret-hide {
   display: none !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:hover {
-  background-color: #6e6e6e;
+  background: #6e6e6e;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
-  background-color: #878787;
+  background: #878787;
   box-shadow: none;
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
-  background-color: #7d7d7d;
+  background: #7d7d7d;
   box-shadow: none;
   color: #fff;
 }