@syncfusion/ej2-image-editor 29.2.5 → 30.1.38

package/styles/fluent2-lite.css

@@ -316,6 +316,10 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding-top: 7.5px;
+  padding-bottom: 7.5px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }
@@ -720,6 +724,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color-alt1);
 }

package/styles/fluent2.css

@@ -316,6 +316,10 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding-top: 7.5px;
+  padding-bottom: 7.5px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }
@@ -720,6 +724,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color-alt1);
 }
@@ -880,6 +888,10 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 8.2px 14px;
+}
 .e-bigger .e-image-editor .e-dropdown-btn.e-ie-ddb-popup,
 .e-image-editor.e-bigger .e-dropdown-btn.e-ie-ddb-popup {
   padding-left: 16px;

package/styles/highcontrast-light-lite.css

@@ -687,6 +687,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/highcontrast-light.css

@@ -687,6 +687,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/highcontrast-lite.css

@@ -416,6 +416,10 @@
   margin-left: calc(50% - 137px);
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 2px 15px;
+}
+
 .e-ie-straighten-value-span,
 .e-ie-straighten-span,
 .e-ie-toolbar-straighten {
@@ -695,6 +699,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #000;
 }
@@ -711,7 +719,7 @@
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
-  background: #fff !important; /* stylelint-disable-line declaration-no-important */
+  background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
   background: inherit;

package/styles/highcontrast.css

@@ -416,6 +416,10 @@
   margin-left: calc(50% - 137px);
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 2px 15px;
+}
+
 .e-ie-straighten-value-span,
 .e-ie-straighten-span,
 .e-ie-toolbar-straighten {
@@ -695,6 +699,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #000;
 }
@@ -711,7 +719,7 @@
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
-  background: #fff !important; /* stylelint-disable-line declaration-no-important */
+  background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
   background: inherit;
@@ -842,6 +850,11 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 3px 10px;
+}
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/image-editor/_bigger.scss

@@ -134,6 +134,25 @@
       }
     }
 
+    & .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+    & .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+      @if $skin-name == 'Material3' {
+        padding: 10px;
+      }
+      @if $skin-name == 'highcontrast' {
+        padding: 3px 10px;
+      }
+      @if $skin-name == 'FluentUI' {
+        padding: 7px 14px;
+      }
+    }
+    
+    & .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+      @if $skin-name == 'fluent2' {
+        padding: 8.2px 14px;
+      }
+    }
+
     @if $skin-name == 'fluent2' {
       & .e-dropdown-btn.e-ie-ddb-popup {
         padding-left: 16px;
@@ -214,3 +233,40 @@
     }
   }
 }
+
+.e-bigger .e-device.e-image-editor {
+  .e-ie-img-save-dlg {
+    @if $skin-name == 'Material3' {
+      width: 106px;
+    }
+    @else if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+      width: 120px;
+    }
+    @else if $skin-name == 'FluentUI' {
+      width: 107px;
+    }
+    @else if $skin-name == 'material' {
+      width: 102px;
+    }
+    @else if $skin-name == 'tailwind' {
+      width: 106px;
+    }
+  }
+  .e-ie-img-save-name {
+    @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+      width: calc(64% - 27px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+}
+
+.e-bigger .e-device.e-image-editor .e-blr-ie-save-dialog .e-ie-img-save-dlg {
+  @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+    width: 115px;
+  }
+}
+
+.e-blr-ie-save-dialog.e-device .e-ie-img-save-name {
+  @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+    width: calc(64% - 35px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+}

package/styles/image-editor/_highcontrast-definition.scss

@@ -2,7 +2,7 @@ $image-editor-background: $bg-base-0 !default;
 $image-editor-border: 1px solid $border-fg !default;
 $image-editor-toolbar-icon-color: $content-font !default;
 $img-editor-cp-preview-border-bottom-color: $selection-font !default;
-$image-editor-icon-sel-bg-color: $content-font !default;
+$image-editor-icon-sel-bg-color: $selection-bg !default;
 $image-editor-ddbtn-margin-top: 0 !default;
 $image-editor-tbar-height: 38px !default;
 $image-editor-bigger-tbar-height: 48px !default;

package/styles/image-editor/_layout.scss

@@ -172,6 +172,17 @@
               }
             }
           }
+          & .e-dropdown-btn {
+            &.e-btn.e-icon-btn {
+              @if $skin-name == 'fluent2' {
+                padding-top: 7.5px;
+                padding-bottom: 7.5px;
+              }
+              @if $skin-name == 'Material3' {
+                padding: 8px 16px;
+              }
+            }
+          }
         }
 
         & .e-upload {
@@ -380,6 +391,16 @@
       }
     }
 
+    & .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+    & .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+      @if $skin-name == 'Material3' {
+        padding: 8px 13px;
+      }
+      @if $skin-name == 'highcontrast' {
+        padding: 2px 15px;
+      }
+    }
+
     @if $skin-name == 'fluent2' {
       & .e-dropdown-btn.e-ie-ddb-popup {
         padding-left: 14px;
@@ -824,4 +845,22 @@
   .e-image-editor.e-control.e-readonly {
     opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
   }
+
+  .e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+    @if $skin-name == 'fluent2' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI'  {
+      top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+    @else {
+      top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+    }
+  }
+
+  .e-device.e-image-editor {
+    .e-ie-save-dialog .e-slider-container .e-slider .e-handle,
+    .e-blr-ie-save-dialog .e-slider-container .e-slider .e-handle {
+      @if $skin-name == 'Material3' {
+        top: calc(50% - 9px) !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/styles/image-editor/bds.css

@@ -801,6 +801,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-border-secondary);
 }
@@ -981,4 +985,8 @@
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
   width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 106px;
 }

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

@@ -688,6 +688,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #959595;
 }

package/styles/image-editor/bootstrap.css

@@ -689,6 +689,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e6e6e6;
 }

package/styles/image-editor/bootstrap4.css

@@ -687,6 +687,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e9ecef;
 }

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

@@ -694,6 +694,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: rgb(68.0034482759, 75.85, 83.6965517241);
 }

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

@@ -698,6 +698,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-border-light);
 }

package/styles/image-editor/bootstrap5.css

@@ -694,6 +694,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #dee2e6;
 }

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

@@ -690,6 +690,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1f;
 }
@@ -869,4 +873,19 @@
 }
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 120px;
+}
+.e-bigger .e-device.e-image-editor .e-ie-img-save-name {
+  width: calc(64% - 27px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-blr-ie-save-dialog .e-ie-img-save-dlg {
+  width: 115px;
+}
+
+.e-blr-ie-save-dialog.e-device .e-ie-img-save-name {
+  width: calc(64% - 35px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/image-editor/fabric.css

@@ -692,6 +692,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }
@@ -872,4 +876,19 @@
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
   width: calc(64% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 120px;
+}
+.e-bigger .e-device.e-image-editor .e-ie-img-save-name {
+  width: calc(64% - 27px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-blr-ie-save-dialog .e-ie-img-save-dlg {
+  width: 115px;
+}
+
+.e-blr-ie-save-dialog.e-device .e-ie-img-save-name {
+  width: calc(64% - 35px) !important; /* stylelint-disable-line declaration-no-important */
 }

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

@@ -697,6 +697,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1e;
 }
@@ -847,6 +851,11 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 7px 14px;
+}
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -878,4 +887,8 @@
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
   width: calc(68% - 30px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 107px;
 }

package/styles/image-editor/fluent.css

@@ -697,6 +697,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #faf9f8;
 }
@@ -847,6 +851,11 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 7px 14px;
+}
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -878,4 +887,8 @@
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
   width: calc(68% - 30px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 107px;
 }

package/styles/image-editor/fluent2.css

@@ -316,6 +316,10 @@
 .e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   font-size: 16px;
 }
+.e-image-editor .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-icon-btn {
+  padding-top: 7.5px;
+  padding-bottom: 7.5px;
+}
 .e-image-editor .e-toolbar .e-toolbar-items .e-upload {
   border: none;
 }
@@ -720,6 +724,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: var(--color-sf-content-bg-color-alt1);
 }
@@ -880,6 +888,10 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 8.2px 14px;
+}
 .e-bigger .e-image-editor .e-dropdown-btn.e-ie-ddb-popup,
 .e-image-editor.e-bigger .e-dropdown-btn.e-ie-ddb-popup {
   padding-left: 16px;

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

@@ -687,6 +687,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/image-editor/highcontrast.css

@@ -416,6 +416,10 @@
   margin-left: calc(50% - 137px);
   height: 54px !important; /* stylelint-disable-line declaration-no-important */
 }
+.e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 2px 15px;
+}
+
 .e-ie-straighten-value-span,
 .e-ie-straighten-span,
 .e-ie-toolbar-straighten {
@@ -695,6 +699,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 18px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #000;
 }
@@ -711,7 +719,7 @@
   color: #fff;
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
-  background: #fff !important; /* stylelint-disable-line declaration-no-important */
+  background: #ffd939 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
   background: inherit;
@@ -842,6 +850,11 @@
 .e-image-editor.e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
   line-height: 1;
 }
+.e-bigger .e-image-editor .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn, .e-bigger .e-image-editor .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn,
+.e-image-editor.e-bigger .e-blr-ie-save-dialog .e-dialog .e-dlg-content .e-ie-dlg-right-content .e-dropdown-btn {
+  padding: 3px 10px;
+}
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
   top: calc(50% - 8px) !important; /* stylelint-disable-line declaration-no-important */
 }

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

@@ -709,6 +709,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: rgb(40.8, 40.8, 40.8);
 }

package/styles/image-editor/material.css

@@ -711,6 +711,10 @@
   opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-quality-slider.e-control-wrapper.e-slider-container.e-horizontal .e-slider {
+  top: calc(50% - 16px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #eee;
 }
@@ -898,4 +902,8 @@
 .e-bigger .e-ie-save-dialog .e-ie-img-save-name {
   width: calc(71% - 30px) !important; /* stylelint-disable-line declaration-no-important */
   width: calc(65% - 13px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-device.e-image-editor .e-ie-img-save-dlg {
+  width: 102px;
 }