@syncfusion/blazor-themes 20.3.59 → 20.3.61

package/SCSS-Themes/navigations/treeview/fluent-dark.scss

@@ -1175,7 +1175,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/fluent.scss

@@ -1175,7 +1175,17 @@ $treeview-item-active-check-color: $primary !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/highcontrast.scss

@@ -1173,7 +1173,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/material-dark.scss

@@ -1169,7 +1169,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/material.scss

@@ -15,7 +15,7 @@ $treeview-text-color: rgba($grey-light-font, .87) !default;
 $treeview-item-border-color: transparent !default;
 $treeview-item-active-bg: $grey-200 !default;
 $treeview-icon-active-color: rgba($grey-light-font, .54) !default;
-$treeview-text-active-color: $accent !default;
+$treeview-text-active-color: $tree-node-text-color !default;
 $treeview-item-active-border-color: $grey-200 !default;
 $treeview-item-hover-bg: $grey-100 !default;
 $treeview-icon-hover-color: rgba($grey-light-font, .54) !default;
@@ -1167,7 +1167,17 @@ $ripple-width: 32px !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss

@@ -1179,7 +1179,17 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/navigations/treeview/tailwind.scss

@@ -1179,7 +1179,17 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 }
 
 @mixin active-hover-theme {
-  background-color: $treeview-item-active-hover-bg;
+  @if $theme-name =='fluentui-dark' {
+    background-color: lighten($treeview-item-active-bg, 5%);
+  }
+
+  @else if $theme-name =='tailwind' {
+    background-color: darken($treeview-item-active-hover-bg, 10%);
+  }
+
+  @else {
+    background-color: $treeview-item-active-hover-bg;
+  }
   border-color: $treeview-item-active-hover-border-color;
   @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
     -webkit-box-shadow: $treeview-border-shadow;

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss

@@ -3934,7 +3934,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss

@@ -3934,7 +3934,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss

@@ -3980,7 +3980,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss

@@ -3928,7 +3928,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss

@@ -3928,7 +3928,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss

@@ -3931,7 +3931,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss

@@ -3933,7 +3933,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss

@@ -3935,7 +3935,19 @@ $pv-comment-text-curser-color: $black !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss

@@ -3935,7 +3935,19 @@ $pv-comment-text-curser-color: $black !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss

@@ -3933,7 +3933,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss

@@ -3932,7 +3932,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/material.scss

@@ -3930,7 +3930,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss

@@ -3937,7 +3937,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss

@@ -3937,7 +3937,19 @@ $pv-eye-icon-margin-top: 3px !default;
     height: 30px;
     min-height: 30px;
   }
-  
+  .e-bigger .e-pv-signature-dialog-height .e-pv-clearbtn{
+    float: left;
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-cancelbtn{
+    height: 49px;
+    min-height: 49px;
+  }
+  .e-bigger .e-pv-signature-dialog-height .e-pv-createbtn{
+    height: 49px;
+    min-height: 49px;
+  }
   
 
   .e-tbar-btn.e-control.e-btn.e-lib.e-icon-btn.e-pv-bold.e-pv-tbar-btn.e-tooltip.textprop-option-active,

package/SCSS-Themes/popups/dialog/bootstrap-dark.scss

@@ -38,7 +38,7 @@ $dialog-active-btn-bg-color: transparent !default;
 
 //enddefault
 //start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-close-button-right: -4px !default;
 $dialog-close-icon-content: '\e361' !default;
 $dialog-close-icon-font-size: 12px !default;
@@ -83,7 +83,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-width: 25px !default;
 $dialog-headericon-bottom: 5px !default;
 $dialog-enable-resize-padding-bottom: 15px !default;

package/SCSS-Themes/popups/dialog/bootstrap.scss

@@ -8,7 +8,7 @@ $dialog-icon-color: rgba($base-font, .5) !default;
 $dialog-active-icon-color: rgba($base-font, .8) !default;
 $dialog-close-icon-normal-opacity: initial !default;
 $dialog-close-icon-active-opacity: initial !default;
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-close-button-right: -4px !default;
 $dialog-header-border: 1px solid $grey-e6 !default;
 $dialog-close-icon-font-size: 12px !default;
@@ -68,7 +68,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-width: 25px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/bootstrap4.scss

@@ -8,7 +8,7 @@ $dialog-icon-color: $black !default;
 $dialog-active-icon-color: $black !default;
 $dialog-close-icon-normal-opacity: .5 !default;
 $dialog-close-icon-active-opacity: .75 !default;
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -6px !default;
 $dialog-close-button-right: 16px !default;
 $dialog-header-border: 1px solid $gray-200 !default;
 $dialog-close-icon-font-size: 14px !default;
@@ -68,7 +68,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 5px !default;
 $dialog-bigger-close-button-height: 25px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -5px !default;
 $dialog-bigger-close-button-width: 26px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss

@@ -2,7 +2,7 @@
 @import '../../popups/popup/bootstrap5-dark.scss';
 @import '../../buttons/button/bootstrap5-dark.scss';
 //Layout Variables Start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-header-border: 1px solid $border-light !default;
 $dialog-close-icon-font-size: 16px !default;
 $dialog-bigger-close-icon-font-size: 20px !default;
@@ -42,7 +42,7 @@ $dialog-bigger-close-icon-top: 0 !default;
 $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-height: 20px !default;
 $dialog-bigger-close-button-width: 20px !default;
 $dialog-resize-handler-width: 15px;

package/SCSS-Themes/popups/dialog/bootstrap5.scss

@@ -2,7 +2,7 @@
 @import '../../popups/popup/bootstrap5.scss';
 @import '../../buttons/button/bootstrap5.scss';
 //Layout Variables Start
-$dialog-close-button-left: 0 !default;
+$dialog-close-button-left: -5px !default;
 $dialog-header-border: 1px solid $border-light !default;
 $dialog-close-icon-font-size: 16px !default;
 $dialog-bigger-close-icon-font-size: 20px !default;
@@ -42,7 +42,7 @@ $dialog-bigger-close-icon-top: 0 !default;
 $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: -7px !default;
 $dialog-bigger-close-button-height: 20px !default;
 $dialog-bigger-close-button-width: 20px !default;
 $dialog-resize-handler-width: 15px;

package/SCSS-Themes/popups/dialog/fabric-dark.scss

@@ -22,7 +22,7 @@ $dialog-active-icon-color: $theme-primary !default;
 $dialog-icon-bg-normal: $neutral-light-font !default;
 $dialog-footer-bg-color: $neutral-white !default;
 $dialog-shadow-color: 0 0 20px rgba($shadow, .3) !default;
-$dialog-close-button-left: 7px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-close-button-right: 11px !default;
 $dialog-close-icon-normal-opacity: initial !default;
 $dialog-close-icon-active-opacity: initial !default;
@@ -75,7 +75,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 4px !default;
 $dialog-bigger-close-button-height: 40px !default;
-$dialog-bigger-close-button-left: 12px !default;
+$dialog-bigger-close-button-left: 4px !default;
 $dialog-bigger-close-button-width: 40px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/fabric.scss

@@ -6,7 +6,7 @@ $dialog-btn-box-shadow: none !default;
 $dialog-bg-color: $neutral-white !default;
 $dialog-icon-color: $neutral-light-font !default;
 $dialog-active-icon-color: $theme-primary !default;
-$dialog-close-button-left: 7px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-close-button-right: 11px !default;
 $dialog-header-border: none !default;
 $dialog-close-icon-normal-opacity: initial !default;
@@ -68,7 +68,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 4px !default;
 $dialog-bigger-close-button-height: 40px !default;
-$dialog-bigger-close-button-left: 12px !default;
+$dialog-bigger-close-button-left: 4px !default;
 $dialog-bigger-close-button-width: 40px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/highcontrast.scss

@@ -6,7 +6,7 @@ $dialog-btn-box-shadow: none !default;
 $dialog-bg-color: $bg-base-0 !default;
 $dialog-icon-color: $content-font !default;
 $dialog-active-icon-color: $selection-font !default;
-$dialog-close-button-left: 7px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-close-button-right: 11px !default;
 $dialog-header-border: none !default;
 $dialog-close-icon-normal-opacity: initial !default;
@@ -68,7 +68,7 @@ $dialog-bigger-close-icon-margin-left: -8px !default;
 $dialog-bigger-close-icon-margin-right: -1px !default;
 $dialog-bigger-close-button-bottom: 4px !default;
 $dialog-bigger-close-button-height: 40px !default;
-$dialog-bigger-close-button-left: 12px !default;
+$dialog-bigger-close-button-left: 4px !default;
 $dialog-bigger-close-button-width: 40px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/material-dark.scss

@@ -12,7 +12,7 @@ $resize-hanlder-bottom-rtl: 2px;
 $dialog-bg-color: $grey-800 !default;
 $dialog-icon-color: $grey-dark-font !default;
 $dialog-active-icon-color: $grey-dark-font !default;
-$dialog-close-button-left: 6px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-close-button-right: 8px !default;
 $dialog-header-border: none !default;
 $dialog-border: none !default;
@@ -75,7 +75,7 @@ $dialog-bigger-close-icon-margin-left: -5px !default;
 $dialog-bigger-close-icon-margin-right: -5px !default;
 $dialog-bigger-close-button-bottom: 3px !default;
 $dialog-bigger-close-button-height: 36px !default;
-$dialog-bigger-close-button-left: 6px !default;
+$dialog-bigger-close-button-left: 3px !default;
 $dialog-bigger-close-button-width: 36px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/material.scss

@@ -6,7 +6,7 @@ $dialog-btn-box-shadow: none !default;
 $dialog-bg-color: $grey-white !default;
 $dialog-icon-color: $grey-light-font !default;
 $dialog-active-icon-color: $grey-light-font !default;
-$dialog-close-button-left: 6px !default;
+$dialog-close-button-left: 0 !default;
 $dialog-close-button-right: 8px !default;
 $dialog-header-border: none !default;
 $dialog-border: none !default;
@@ -68,7 +68,7 @@ $dialog-bigger-close-icon-margin-left: -5px !default;
 $dialog-bigger-close-icon-margin-right: -5px !default;
 $dialog-bigger-close-button-bottom: 3px !default;
 $dialog-bigger-close-button-height: 36px !default;
-$dialog-bigger-close-button-left: 6px !default;
+$dialog-bigger-close-button-left: 3px !default;
 $dialog-bigger-close-button-width: 36px !default;
 $dialog-btn-border-color: transparent !default;
 $dialog-btn-bg-color: transparent !default;

package/SCSS-Themes/popups/dialog/tailwind-dark.scss

@@ -44,7 +44,7 @@ $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 10px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: 7px !default;
 $dialog-bigger-close-button-width: 10px !default;
 $dialog-headericon-bottom: 5px !default;
 $dialog-resize-handler-width: 15px;

package/SCSS-Themes/popups/dialog/tailwind.scss

@@ -44,7 +44,7 @@ $dialog-bigger-close-icon-margin-left: 0 !default;
 $dialog-bigger-close-icon-margin-right: 0 !default;
 $dialog-bigger-close-button-bottom: 7px !default;
 $dialog-bigger-close-button-height: 10px !default;
-$dialog-bigger-close-button-left: 0 !default;
+$dialog-bigger-close-button-left: 7px !default;
 $dialog-bigger-close-button-width: 10px !default;
 $dialog-headericon-bottom: 5px !default;
 $dialog-resize-handler-width: 15px;