npm - @syncfusion/blazor-themes - Versions diffs - 28.2.5 → 28.2.7 - Mend

@syncfusion/blazor-themes 28.2.5 → 28.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (329) hide show

package/SCSS-Themes/bootstrap5.3.scss CHANGED Viewed

@@ -236,13 +236,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #212529;
   --color-sf-appbar-color-alt2: #fff;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #fff;
@@ -263,7 +263,7 @@
   --color-sf-msg-bg-color: #e2e3e5;
   --color-sf-msg-border-color: #c4c8cb;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -280,7 +280,7 @@
   --color-sf-msg-danger-bg-color: #f8d7da;
   --color-sf-msg-danger-border-color: #f1aeb5;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -297,7 +297,7 @@
   --color-sf-msg-success-bg-color: #d1e7dd;
   --color-sf-msg-success-border-color: #a3cfbb;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -314,7 +314,7 @@
   --color-sf-msg-warning-bg-color: #fff3cd;
   --color-sf-msg-warning-border-color: #ffe69c;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -331,7 +331,7 @@
   --color-sf-msg-info-bg-color: #cff4fc;
   --color-sf-msg-info-border-color: #9eeaf9;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -584,13 +584,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -610,7 +610,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -627,7 +627,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -644,7 +644,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -661,7 +661,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -678,7 +678,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -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;
+        }
+      }
     }
   }
 }
@@ -89286,6 +89298,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -91827,6 +91846,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;
@@ -109686,13 +109717,13 @@ $pv-comment-title-padding-top: 7px !default;
 $pv-signature-footer-color: $content-bg-color-alt2 !default;
 $pv-signature-border-color: 1px dotted $content-bg-color-alt2 !default;
 $pv-signature-color: $primary !default;
-$pv-form-checkbox-border-color: $black !default;
+$pv-form-checkbox-border-color: rgba($black) !default;
 $pv-form-field-size: 0 !default;
 $pv-form-field-radiobutton-border: 5px solid $white !default;
 $pv-form-field-radiobutton-box-shadow: 0 0 0 1px $black !default;
 $pv-form-field-li-background-color: $primary !default;
 $pv-form-field-checkbox-container: 1px solid $black !default;
-$pv-form-field-checkbox-checked: solid $black !default;
+$pv-form-field-checkbox-checked: solid rgba($black) !default;
 $pv-form-field-checkbox-border-width: 3px !default;
 $pv-form-field-property-header-font-size: 20px !default;
 $pv-form-field-property-header-font-weight: 500 !default;
@@ -140948,6 +140979,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;
@@ -141503,9 +141541,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -141537,6 +141572,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -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;
+        }
+      }
     }
   }
 }
@@ -88143,6 +88155,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -90684,6 +90703,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;
@@ -139812,6 +139843,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;
@@ -140367,9 +140405,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -140401,6 +140436,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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;

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

@@ -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;

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss CHANGED Viewed

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss CHANGED Viewed

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss CHANGED Viewed

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss CHANGED Viewed

@@ -91,7 +91,7 @@ $de-border-size-button-width-bg: 100px !default;
 $de-border-size-button-height: 32px !default;
 $de-border-size-button-width: 104px !default;
 $de-list-hover-bg: rgba($primary) !default;
-$de-pane-margin-right: 12px;
+$de-pane-margin-right: 9px;
 $de-pane-margin-right-big: 16px;
 $de-left-panel-width: 151px;
 $de-left-panel-width-big: 169px;