@syncfusion/ej2-image-editor 20.4.51 → 21.1.36

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

@@ -67,6 +67,66 @@
 .e-image-editor .e-fill.e-template .e-caret::before {
   content: "\e35c";
 }
+.e-image-editor .e-custom::before {
+  content: "\e974";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-square::before {
+  content: "\e976";
+}
+.e-image-editor .e-custom-a::before {
+  content: "\e977";
+}
+.e-image-editor .e-custom-b::before {
+  content: "\e978";
+}
+.e-image-editor .e-custom-c::before {
+  content: "\e979";
+}
+.e-image-editor .e-custom-d::before {
+  content: "\e97a";
+}
+.e-image-editor .e-custom-e::before {
+  content: "\e97b";
+}
+.e-image-editor .e-horizontal-flip::before {
+  content: "\e95b";
+}
+.e-image-editor .e-vertical-flip::before {
+  content: "\e96f";
+}
+.e-image-editor .e-clock-wise::before {
+  content: "\e971";
+}
+.e-image-editor .e-anti-clock-wise::before {
+  content: "\e970";
+}
+.e-image-editor .e-rectangle::before {
+  content: "\e670";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-triangle::before {
+  content: "\e954";
+}
+.e-image-editor .e-line::before {
+  content: "\e668";
+}
+.e-image-editor .e-add-text::before {
+  content: "\e35b";
+}
+.e-image-editor .e-free-pen::before {
+  content: "\e767";
+}
+.e-image-editor .e-arrow::before {
+  content: "\e669";
+}
+.e-image-editor .e-path::before {
+  content: "\e931";
+}
 
 .e-dropdown-popup.e-image-popup .e-custom::before {
   content: "\e974";
@@ -122,6 +182,17 @@
 .e-dropdown-popup.e-image-popup .e-anti-clock-wise::before {
   content: "\e970";
 }
+.e-dropdown-popup.e-image-popup .e-arrow::before {
+  content: "\e669";
+}
+.e-dropdown-popup.e-image-popup .e-path::before {
+  content: "\e931";
+}
+
+.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 +299,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 {
@@ -247,11 +318,11 @@
 .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
   height: auto !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
   border: 2px solid transparent;
   height: 100px;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-top: 2px solid;
 }
 .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -267,7 +338,7 @@
   border-top: 1px solid #acacac;
   border-bottom: 1px solid #acacac;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-color: #2a2a2a;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -280,24 +351,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

@@ -67,6 +67,66 @@
 .e-image-editor .e-fill.e-template .e-caret::before {
   content: "\e35c";
 }
+.e-image-editor .e-custom::before {
+  content: "\e974";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-square::before {
+  content: "\e976";
+}
+.e-image-editor .e-custom-a::before {
+  content: "\e977";
+}
+.e-image-editor .e-custom-b::before {
+  content: "\e978";
+}
+.e-image-editor .e-custom-c::before {
+  content: "\e979";
+}
+.e-image-editor .e-custom-d::before {
+  content: "\e97a";
+}
+.e-image-editor .e-custom-e::before {
+  content: "\e97b";
+}
+.e-image-editor .e-horizontal-flip::before {
+  content: "\e95b";
+}
+.e-image-editor .e-vertical-flip::before {
+  content: "\e96f";
+}
+.e-image-editor .e-clock-wise::before {
+  content: "\e971";
+}
+.e-image-editor .e-anti-clock-wise::before {
+  content: "\e970";
+}
+.e-image-editor .e-rectangle::before {
+  content: "\e670";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-triangle::before {
+  content: "\e954";
+}
+.e-image-editor .e-line::before {
+  content: "\e668";
+}
+.e-image-editor .e-add-text::before {
+  content: "\e35b";
+}
+.e-image-editor .e-free-pen::before {
+  content: "\e767";
+}
+.e-image-editor .e-arrow::before {
+  content: "\e669";
+}
+.e-image-editor .e-path::before {
+  content: "\e931";
+}
 
 .e-dropdown-popup.e-image-popup .e-custom::before {
   content: "\e974";
@@ -122,6 +182,17 @@
 .e-dropdown-popup.e-image-popup .e-anti-clock-wise::before {
   content: "\e970";
 }
+.e-dropdown-popup.e-image-popup .e-arrow::before {
+  content: "\e669";
+}
+.e-dropdown-popup.e-image-popup .e-path::before {
+  content: "\e931";
+}
+
+.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 +299,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 {
@@ -247,11 +318,11 @@
 .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
   height: auto !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
   border: 2px solid transparent;
   height: 100px;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-top: 2px solid;
 }
 .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -267,7 +338,7 @@
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-color: #e6e6e6;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn .e-icons {
@@ -280,24 +351,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

@@ -67,6 +67,66 @@
 .e-image-editor .e-fill.e-template .e-caret::before {
   content: "\e754";
 }
+.e-image-editor .e-custom::before {
+  content: "\e964";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-square::before {
+  content: "\e965";
+}
+.e-image-editor .e-custom-a::before {
+  content: "\e966";
+}
+.e-image-editor .e-custom-b::before {
+  content: "\e967";
+}
+.e-image-editor .e-custom-c::before {
+  content: "\e968";
+}
+.e-image-editor .e-custom-d::before {
+  content: "\e96a";
+}
+.e-image-editor .e-custom-e::before {
+  content: "\e96b";
+}
+.e-image-editor .e-horizontal-flip::before {
+  content: "\e95c";
+}
+.e-image-editor .e-vertical-flip::before {
+  content: "\e95d";
+}
+.e-image-editor .e-clock-wise::before {
+  content: "\e960";
+}
+.e-image-editor .e-anti-clock-wise::before {
+  content: "\e95f";
+}
+.e-image-editor .e-rectangle::before {
+  content: "\e670";
+}
+.e-image-editor .e-circle::before {
+  content: "\e671";
+}
+.e-image-editor .e-triangle::before {
+  content: "\e954";
+}
+.e-image-editor .e-line::before {
+  content: "\e668";
+}
+.e-image-editor .e-add-text::before {
+  content: "\e795";
+}
+.e-image-editor .e-free-pen::before {
+  content: "\e844";
+}
+.e-image-editor .e-arrow::before {
+  content: "\e669";
+}
+.e-image-editor .e-path::before {
+  content: "\e931";
+}
 
 .e-dropdown-popup.e-image-popup .e-custom::before {
   content: "\e964";
@@ -122,6 +182,17 @@
 .e-dropdown-popup.e-image-popup .e-anti-clock-wise::before {
   content: "\e95f";
 }
+.e-dropdown-popup.e-image-popup .e-arrow::before {
+  content: "\e669";
+}
+.e-dropdown-popup.e-image-popup .e-path::before {
+  content: "\e931";
+}
+
+.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 +297,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 {
@@ -245,11 +316,11 @@
 .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
   height: auto !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
   border: 2px solid transparent;
   height: 100px;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-top: 2px solid;
 }
 .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -265,7 +336,7 @@
   border-top: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-color: #545b62;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
@@ -275,24 +346,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

@@ -75,6 +75,66 @@
 .e-image-editor .e-fill.e-template .e-caret::before {
   content: "\e783";
 }
+.e-image-editor .e-custom::before {
+  content: "\e8a9";
+}
+.e-image-editor .e-circle::before {
+  content: "\e7ca";
+}
+.e-image-editor .e-square::before {
+  content: "\e8aa";
+}
+.e-image-editor .e-custom-a::before {
+  content: "\e8ab";
+}
+.e-image-editor .e-custom-b::before {
+  content: "\e8ac";
+}
+.e-image-editor .e-custom-c::before {
+  content: "\e8ad";
+}
+.e-image-editor .e-custom-d::before {
+  content: "\e8ae";
+}
+.e-image-editor .e-custom-e::before {
+  content: "\e8af";
+}
+.e-image-editor .e-horizontal-flip::before {
+  content: "\e8a3";
+}
+.e-image-editor .e-vertical-flip::before {
+  content: "\e8a4";
+}
+.e-image-editor .e-clock-wise::before {
+  content: "\e8a6";
+}
+.e-image-editor .e-anti-clock-wise::before {
+  content: "\e8a5";
+}
+.e-image-editor .e-rectangle::before {
+  content: "\e723";
+}
+.e-image-editor .e-circle::before {
+  content: "\e7ca";
+}
+.e-image-editor .e-triangle::before {
+  content: "\e89c";
+}
+.e-image-editor .e-line::before {
+  content: "\e819";
+}
+.e-image-editor .e-add-text::before {
+  content: "\e82e";
+}
+.e-image-editor .e-free-pen::before {
+  content: "\e7db";
+}
+.e-image-editor .e-arrow::before {
+  content: "\e669";
+}
+.e-image-editor .e-path::before {
+  content: "\e931";
+}
 
 .e-dropdown-popup.e-image-popup .e-custom::before {
   content: "\e8a9";
@@ -133,6 +193,17 @@
 .e-dropdown-popup.e-image-popup .e-add-text::before {
   content: "\e82e";
 }
+.e-dropdown-popup.e-image-popup .e-arrow::before {
+  content: "\e669";
+}
+.e-dropdown-popup.e-image-popup .e-path::before {
+  content: "\e931";
+}
+
+.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 +226,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 +275,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 +283,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 +315,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 {
@@ -264,11 +334,11 @@
 .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item {
   height: auto !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item .filter-wrapper {
   border: 2px solid transparent;
   height: 100px;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-top: 2px solid;
 }
 .e-image-editor .e-contextual-toolbar-wrapper .e-slider-container {
@@ -284,7 +354,7 @@
   border-top: 1px solid #343a40;
   border-bottom: 1px solid #343a40;
 }
-.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper {
+.e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper {
   border-color: #565e64;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
@@ -297,24 +367,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;
 }