@syncfusion/ej2-image-editor 24.1.44 → 24.1.45

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

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 8px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 29% !default;

package/styles/image-editor/_layout.scss

@@ -503,7 +503,23 @@
   }
 
   .e-ie-finetune-value-span {
-    top: 26% !important; /* stylelint-disable-line declaration-no-important */
+    top: $image-editor-finetune-value-span !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-finetune-slider-label {
+    top: $image-editor-finetune-span !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-finetune-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-transparency-slider-wrap {
+    top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-ie-slider-wrap {
+    top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -522,4 +538,16 @@
   .e-dropdown-popup.e-ie-ddb-popup {
     background: none !important; /* stylelint-disable-line declaration-no-important */
   }
+
+  .e-device.e-image-editor .e-ie-device-transparency-slider {
+    margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-device.e-image-editor {
+    .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
+      @if $skin-name == 'Material' {
+        top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }

package/styles/image-editor/_material-dark-definition.scss

@@ -14,6 +14,8 @@ $image-editor-dropdown-btn-preview-top: -4px !default;
 $image-editor-dropdown-btn-preview-left: -1px !default;
 $image-editor-bigger-dropdown-btn-preview-top: -3px !default;
 $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
-$image-editor-slider-handler: calc(50% - 6px) !default;
+$image-editor-slider-handler: calc(50% - 7px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

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

@@ -14,6 +14,8 @@ $image-editor-dropdown-btn-preview-top: -4px !default;
 $image-editor-dropdown-btn-preview-left: -1px !default;
 $image-editor-bigger-dropdown-btn-preview-top: -3px !default;
 $image-editor-bigger-dropdown-btn-preview-left: -1px !default;
-$image-editor-slider-handler: calc(50% - 6px) !default;
+$image-editor-slider-handler: calc(50% - 7px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 5px) !default;
+$image-editor-finetune-value-span: 31% !default;
+$image-editor-finetune-span: 31% !default;

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

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -7px !default;
 $image-editor-slider-handler: calc(50% - 8px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 10px) !default;
 $image-editor-device-slider-handler: calc(50% - 8px) !default;
+$image-editor-finetune-value-span: 29% !default;
+$image-editor-finetune-span: 28% !default;

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

@@ -17,3 +17,5 @@ $image-editor-bigger-dropdown-btn-preview-left: -6px !default;
 $image-editor-slider-handler: calc(50% - 6px) !default;
 $image-editor-bigger-slider-handler: calc(50% - 7px) !default;
 $image-editor-device-slider-handler: calc(50% - 9px) !default;
+$image-editor-finetune-value-span: 28% !default;
+$image-editor-finetune-span: 28% !default;

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

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -539,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #959595;
 }

package/styles/image-editor/bootstrap.css

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -539,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e6e6e6;
 }

package/styles/image-editor/bootstrap4.css

@@ -521,7 +521,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -537,6 +553,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #e9ecef;
 }

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

@@ -539,7 +539,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -555,6 +571,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #444c54;
 }

package/styles/image-editor/bootstrap5.css

@@ -539,7 +539,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -555,6 +571,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #dee2e6;
 }

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

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -539,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1f;
 }

package/styles/image-editor/fabric.css

@@ -523,7 +523,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -539,6 +555,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

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

@@ -534,7 +534,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -550,6 +566,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #201f1e;
 }

package/styles/image-editor/fluent.css

@@ -534,7 +534,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -550,6 +566,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #faf9f8;
 }

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

@@ -521,7 +521,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -537,6 +553,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #fff;
 }

package/styles/image-editor/highcontrast.css

@@ -525,7 +525,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -541,6 +557,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #000;
 }

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

@@ -526,11 +526,27 @@
 }
 
 .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
-  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -546,6 +562,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #292929;
 }

package/styles/image-editor/material.css

@@ -531,11 +531,27 @@
 }
 
 .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
-  top: calc(50% - 6px) !important; /* stylelint-disable-line declaration-no-important */
+  top: calc(50% - 7px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 31% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -551,6 +567,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #eee;
 }

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

@@ -596,7 +596,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -614,6 +630,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

package/styles/image-editor/material3.css

@@ -652,7 +652,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 29% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -670,6 +686,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }

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

@@ -527,7 +527,23 @@
 }
 
 .e-ie-finetune-value-span {
-  top: 26% !important; /* stylelint-disable-line declaration-no-important */
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-label {
+  top: 28% !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-finetune-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-transparency-slider-wrap {
+  top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-ie-slider-wrap {
+  top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-straighten .e-control-wrapper.e-slider-container .e-slider .e-handle {
@@ -543,6 +559,10 @@
   background: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-device.e-image-editor .e-ie-device-transparency-slider {
+  margin-left: calc(50% - 80px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-image-editor {
   background: #4b5563;
 }