@syncfusion/blazor-themes 28.2.6 → 28.2.9

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

@@ -53826,10 +53826,10 @@ $tab-nrml-nav-icon-size: 12px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -54007,7 +54007,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;
@@ -63974,8 +63974,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 36px !default;
+$ddt-rtl-select-all-text-indent: 41px !default;
+$ddt-select-all-bigger-text-indent: 28px !default;
+$ddt-rtl-select-all-bigger-text-indent: 28px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -63996,6 +63999,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 5px 8px !default;
 $ddt-delim-bigger-padding: 6px 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 8px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;
@@ -64570,10 +64578,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-checkbox-wrapper {
           position: relative;
           text-indent: 0;
-
-          @if ($ddt-skin-name == 'tailwind3') {
-            bottom: 2px;
-          }
+          bottom: $ddt-select-all-checkbox-bottom;
 
           .e-frame {
             @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -64584,7 +64589,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .e-all-text {
           font-family: inherit;
-          font-size: 14px;
+          font-size: $ddt-select-all-font-size;
           margin: $ddt-select-all-checkbox-margin;
           @if $ddt-skin-name == 'tailwind' {
             line-height: $ddt-select-all-height;
@@ -64937,6 +64942,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-treeview .e-list-item .e-ul {
           padding: 0 14px 0 0;
         }
+
+        .e-selectall-parent {
+          text-indent: $ddt-rtl-select-all-text-indent;
+          .e-all-text {
+            margin: $ddt-rtl-select-all-checkbox-margin;
+          }
+        }
       }
     }
   }
@@ -65481,19 +65493,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       .e-selectall-parent {
         text-indent: $ddt-select-all-bigger-text-indent;
-        @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
-          padding: $ddt-big-select-all-padding;
+        padding: $ddt-big-select-all-padding;
 
-          .e-all-text {
-            font-size: $text-base;
-            line-height: 24px;
-            @if $ddt-skin-name == 'bootstrap5' {
-              margin: 0 12px;
-            }
-            @else {
-              margin: 0 16px;
-            }
-          }
+        .e-all-text {
+          font-size: $ddt-big-select-all-font-size;
+          line-height: 24px;
+          margin: $ddt-big-select-all-text-margin;
         }
       }
 
@@ -65649,6 +65654,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
           right: auto;
         }
       }
+
+      .e-selectall-parent {
+        text-indent: $ddt-rtl-select-all-bigger-text-indent;
+        .e-all-text {
+          margin: $ddt-rtl-big-select-all-text-margin;
+        }
+      }
     }
   }
 }
@@ -102972,10 +102984,6 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
 
     .e-gantt-chart {
@@ -140620,6 +140628,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/bootstrap5.3-lite.scss

@@ -39606,10 +39606,10 @@ $tab-nrml-nav-icon-size: 12px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -39787,7 +39787,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;
@@ -47638,8 +47638,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 36px !default;
+$ddt-rtl-select-all-text-indent: 41px !default;
+$ddt-select-all-bigger-text-indent: 28px !default;
+$ddt-rtl-select-all-bigger-text-indent: 28px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -47660,6 +47663,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 5px 8px !default;
 $ddt-delim-bigger-padding: 6px 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 8px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;
@@ -48234,10 +48242,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-checkbox-wrapper {
           position: relative;
           text-indent: 0;
-
-          @if ($ddt-skin-name == 'tailwind3') {
-            bottom: 2px;
-          }
+          bottom: $ddt-select-all-checkbox-bottom;
 
           .e-frame {
             @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -48248,7 +48253,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .e-all-text {
           font-family: inherit;
-          font-size: 14px;
+          font-size: $ddt-select-all-font-size;
           margin: $ddt-select-all-checkbox-margin;
           @if $ddt-skin-name == 'tailwind' {
             line-height: $ddt-select-all-height;
@@ -48601,6 +48606,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-treeview .e-list-item .e-ul {
           padding: 0 14px 0 0;
         }
+
+        .e-selectall-parent {
+          text-indent: $ddt-rtl-select-all-text-indent;
+          .e-all-text {
+            margin: $ddt-rtl-select-all-checkbox-margin;
+          }
+        }
       }
     }
   }
@@ -76909,10 +76921,6 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
 
     .e-gantt-chart {
@@ -108683,6 +108691,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/bootstrap5.3.scss

@@ -54173,10 +54173,10 @@ $tab-nrml-nav-icon-size: 12px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -54354,7 +54354,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;
@@ -64321,8 +64321,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 36px !default;
+$ddt-rtl-select-all-text-indent: 41px !default;
+$ddt-select-all-bigger-text-indent: 28px !default;
+$ddt-rtl-select-all-bigger-text-indent: 28px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -64343,6 +64346,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 5px 8px !default;
 $ddt-delim-bigger-padding: 6px 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 8px !default;
+$ddt-rtl-big-select-all-text-margin: 0 8px !default;
+$ddt-select-all-checkbox-bottom: 2px !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;
@@ -64917,10 +64925,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-checkbox-wrapper {
           position: relative;
           text-indent: 0;
-
-          @if ($ddt-skin-name == 'tailwind3') {
-            bottom: 2px;
-          }
+          bottom: $ddt-select-all-checkbox-bottom;
 
           .e-frame {
             @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -64931,7 +64936,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .e-all-text {
           font-family: inherit;
-          font-size: 14px;
+          font-size: $ddt-select-all-font-size;
           margin: $ddt-select-all-checkbox-margin;
           @if $ddt-skin-name == 'tailwind' {
             line-height: $ddt-select-all-height;
@@ -65284,6 +65289,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-treeview .e-list-item .e-ul {
           padding: 0 14px 0 0;
         }
+
+        .e-selectall-parent {
+          text-indent: $ddt-rtl-select-all-text-indent;
+          .e-all-text {
+            margin: $ddt-rtl-select-all-checkbox-margin;
+          }
+        }
       }
     }
   }
@@ -65828,19 +65840,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       .e-selectall-parent {
         text-indent: $ddt-select-all-bigger-text-indent;
-        @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
-          padding: $ddt-big-select-all-padding;
+        padding: $ddt-big-select-all-padding;
 
-          .e-all-text {
-            font-size: $text-base;
-            line-height: 24px;
-            @if $ddt-skin-name == 'bootstrap5' {
-              margin: 0 12px;
-            }
-            @else {
-              margin: 0 16px;
-            }
-          }
+        .e-all-text {
+          font-size: $ddt-big-select-all-font-size;
+          line-height: 24px;
+          margin: $ddt-big-select-all-text-margin;
         }
       }
 
@@ -65996,6 +66001,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
           right: auto;
         }
       }
+
+      .e-selectall-parent {
+        text-indent: $ddt-rtl-select-all-bigger-text-indent;
+        .e-all-text {
+          margin: $ddt-rtl-big-select-all-text-margin;
+        }
+      }
     }
   }
 }
@@ -103319,10 +103331,6 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
 
     .e-gantt-chart {
@@ -140967,6 +140975,13 @@ $nodata-border-color: $flyout-border !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/bootstrap5.scss

@@ -53063,10 +53063,10 @@ $tab-nrml-nav-icon-size: 10px !default;
 $tab-mob-nav-icon-size: 16px !default;
 $tab-mob-nav-vicon-size: 12px !default;
 $tab-big-icon-size: 16px !default;
-$tab-nrml-icon-size: 14px !default;
+$tab-nrml-icon-size: 16px !default;
 $tab-mob-icon-size: 20px !default;
 $tab-big-icon-container-size: 24px !default;
-$tab-nrml-icon-container-size: 24px !default;
+$tab-nrml-icon-container-size: 20px !default;
 $tab-mob-icon-container-size: 20px !default;
 $tab-big-nav-icon-top: 11px !default;
 $tab-nrml-nav-icon-top: 5px !default;
@@ -53243,7 +53243,7 @@ $tab-bgr-item-text-margin-bottom: 0 !default;
 $tab-nrml-hscroll-items-nav-width: 32px !default;
 $tab-nrml-hscroll-items-bdr-radius: 4px !default;
 $tab-nrml-item-text-wrap-height: $tab-nrml-height !default;
-$tab-nrml-item-tabicon-line-height: $tab-nrml-icon-container-size !default;
+$tab-nrml-item-tabicon-line-height: 1 !default;
 $tab-nrml-pop-item-textwrap-height: $tab-nrml-pop-item-height !default;
 $tab-nrml-scroll-nav-arrow-before-top: 0 !default;
 $tab-nrml-hor-pop-lineheight: 32px !default;
@@ -63212,8 +63212,11 @@ $ddt-select-all-padding: 0 8px !default;
 $ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
-$ddt-select-all-text-indent: 0 !default;
-$ddt-select-all-bigger-text-indent: 0 !default;
+$ddt-rtl-select-all-checkbox-margin: 0 8px !default;
+$ddt-select-all-text-indent: 32px !default;
+$ddt-rtl-select-all-text-indent: 32px !default;
+$ddt-select-all-bigger-text-indent: 41px !default;
+$ddt-rtl-select-all-bigger-text-indent: 40px !default;
 $ddt-select-all-text-font-size: $text-sm !default;
 $ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
@@ -63234,6 +63237,11 @@ $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 0 8px !default;
 $ddt-delim-bigger-padding: 0 12px !default;
 $ddt-remains-count-padding-top: 0 !default;
+$ddt-select-all-font-size: 14px !default;
+$ddt-big-select-all-font-size: 16px !default;
+$ddt-big-select-all-text-margin: 0 12px !default;
+$ddt-rtl-big-select-all-text-margin: 0 12px !default;
+$ddt-select-all-checkbox-bottom: 0 !default;
 
 // color variables
 $ddt-chip-bg-color: $secondary-bg-color !default;
@@ -63807,10 +63815,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-checkbox-wrapper {
           position: relative;
           text-indent: 0;
-
-          @if ($ddt-skin-name == 'tailwind3') {
-            bottom: 2px;
-          }
+          bottom: $ddt-select-all-checkbox-bottom;
 
           .e-frame {
             @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
@@ -63821,7 +63826,7 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
         .e-all-text {
           font-family: inherit;
-          font-size: 14px;
+          font-size: $ddt-select-all-font-size;
           margin: $ddt-select-all-checkbox-margin;
           @if $ddt-skin-name == 'tailwind' {
             line-height: $ddt-select-all-height;
@@ -64174,6 +64179,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         .e-treeview .e-list-item .e-ul {
           padding: 0 14px 0 0;
         }
+
+        .e-selectall-parent {
+          text-indent: $ddt-rtl-select-all-text-indent;
+          .e-all-text {
+            margin: $ddt-rtl-select-all-checkbox-margin;
+          }
+        }
       }
     }
   }
@@ -64718,19 +64730,12 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
 
       .e-selectall-parent {
         text-indent: $ddt-select-all-bigger-text-indent;
-        @if $ddt-skin-name == 'tailwind' or $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' {
-          padding: $ddt-big-select-all-padding;
+        padding: $ddt-big-select-all-padding;
 
-          .e-all-text {
-            font-size: $text-base;
-            line-height: 24px;
-            @if $ddt-skin-name == 'bootstrap5' {
-              margin: 0 12px;
-            }
-            @else {
-              margin: 0 16px;
-            }
-          }
+        .e-all-text {
+          font-size: $ddt-big-select-all-font-size;
+          line-height: 24px;
+          margin: $ddt-big-select-all-text-margin;
         }
       }
 
@@ -64886,6 +64891,13 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
           right: auto;
         }
       }
+
+      .e-selectall-parent {
+        text-indent: $ddt-rtl-select-all-bigger-text-indent;
+        .e-all-text {
+          margin: $ddt-rtl-big-select-all-text-margin;
+        }
+      }
     }
   }
 }
@@ -102177,10 +102189,6 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
 
     .e-gantt-chart {
@@ -139831,6 +139839,13 @@ $nodata-border-color: $border-light !default;
     align-items: center;
     border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
+  .e-multicolumn-list .e-multicolumn-list-hidden {
+    border: 0;
+    height: 0;
+    padding: 0;
+    visibility: hidden;
+    width: 0;
+  }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
     border-radius: $multicolumn-popup-border-radius;

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #414040 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #414040 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $neutral-light 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $neutral-quintenaryalt !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $neutral-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;
@@ -116,7 +116,7 @@ $de-border-size-button-width: 100px !default;
 $de-ctnr-separator-clr: $neutral-quintenaryalt;
 $de-list-hover-bg: $neutral-lighter !default;
 $de-pane-margin-right: 12px;
-$de-pane-margin-right-big: 16px;
+$de-pane-margin-right-big: 15px;
 $de-left-panel-width: 149px;
 $de-left-panel-width-big: $de-left-panel-width;
 $de-right-panel-width: 75px;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $content-font 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $bg-base-100 !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $content-font !default;
 $de-hover-clr:  1px solid #ff8c00;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss

@@ -103,7 +103,7 @@ $de-toggle-btn-outline: $content-font 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $bg-base-100 !default;
 $de-page-no-width-spellout: calc(100% - 160px) !default;
-$de-page-no-width-spellout-big: calc(100% - 180px) !default;
+$de-page-no-width-spellout-big: calc(100% - 181px) !default;
 $de-font-color: $content-font !default;
 $de-hover-clr:  1px solid #ff8c00;
 $de-hover-bg: #d3d3d3 !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-700 !default;
 $de-panel-btn-bg-clr: '' !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-dark-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: rgba(255, 255, 255, .1) !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-700 !default;
 $de-panel-btn-bg-clr: '' !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-dark-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: rgba(255, 255, 255, .1) !default;

package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss

@@ -104,8 +104,8 @@ $de-toggle-btn-outline: $grey-50 0 solid !default;
 $de-toggle-btn-border: none !default;
 $de-panel-border: $grey-200 !default;
 $de-panel-btn-bg-clr: #eee !default;
-$de-page-no-width-spellout: calc(100% - 140px) !default;
-$de-page-no-width-spellout-big: calc(100% - 160px) !default;
+$de-page-no-width-spellout: calc(100% - 146px) !default;
+$de-page-no-width-spellout-big: calc(100% - 164px) !default;
 $de-font-color: $grey-light-font !default;
 $de-hover-clr:  1px solid #ff8c00 !default;
 $de-hover-bg: #d3d3d3 !default;