@syncfusion/ej2-image-editor 20.4.51 → 21.1.37

package/styles/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/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/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/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/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/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/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/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/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/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/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/_layout.scss

@@ -1,5 +1,10 @@
 @include export-module('image-editor-layout') {
 
+  .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 */
@@ -40,6 +45,7 @@
               font-size: $image-editor-bigger-tbar-btn-fontsize;
               @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
                 padding-top: 4px;
+                padding-bottom: 4px;
               }
             }
           }
@@ -113,6 +119,7 @@
               font-size: $image-editor-tbar-btn-fontsize;
               @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
                 padding-top: 4px;
+                padding-bottom: 4px;
               }
             }
           }
@@ -124,12 +131,6 @@
 
         & .e-file-select-wrap {
           padding: 0;
-
-          & .e-btn-icon {
-            @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
-              margin-top: -2px !important; /* stylelint-disable-line declaration-no-important */
-            }
-          }
         }
 
         & .e-image-upload {
@@ -143,9 +144,6 @@
           }
 
           & .e-icons.e-upload-icon {
-            @if $skin-name == 'material' {
-              margin-top: 7px;
-            }
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5-dark' {
               padding-top: 6px;
             }
@@ -201,9 +199,7 @@
 
     & .e-toolbar-area + .e-canvas-wrapper {
       border-top: $image-editor-border;
-    }
 
-    & .e-canvas-wrapper {
       & .e-textarea {
         line-height: initial !important; /* stylelint-disable-line declaration-no-important */
       }

package/styles/image-editor/_theme.scss

@@ -37,7 +37,7 @@
           border: none;
           margin-top: $image-editor-ddbtn-margin-top;
           @if $skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' $skin-name == 'bootstrap5-dark' {
-            background-color: $tbar-default-bg;
+            background: $tbar-default-bg;
             color: $tbar-default-icon-color;
           }
 
@@ -46,19 +46,19 @@
           }
 
           &:hover {
-            background-color: $btn-hover-bgcolor;
+            background: $btn-hover-bgcolor;
             box-shadow: none;
             color: $btn-hover-color;
           }
 
           &:focus {
-            background-color: $btn-focus-bgcolor;
+            background: $btn-focus-bgcolor;
             box-shadow: none;
             color: $btn-focus-color;
           }
 
           &:active {
-            background-color: $btn-active-bgcolor;
+            background: $btn-active-bgcolor;
             box-shadow: none;
             color: $btn-active-color;
           }