npm - @syncfusion/blazor-themes - Versions diffs - 30.1.41 → 30.2.4 - Mend

@syncfusion/blazor-themes 30.1.41 → 30.2.4

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 (415) hide show

package/SCSS-Themes/highcontrast-lite.scss CHANGED Viewed

@@ -47806,6 +47806,11 @@ $ddt-item-hover-bg: $hover-bg !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {
@@ -50330,6 +50335,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -50826,6 +50832,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
@@ -54887,9 +54901,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
@@ -58739,6 +58750,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -74009,12 +74024,6 @@ $rte-popup-item-padding: 1px 1px !default;
       margin-top: 0;
     }
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -74026,7 +74035,6 @@ $rte-popup-item-padding: 1px 1px !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -74049,7 +74057,6 @@ $rte-popup-item-padding: 1px 1px !default;
     }
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
@@ -77142,7 +77149,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -64557,6 +64557,11 @@ $ddt-item-hover-bg: $hover-bg !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {
@@ -69646,6 +69651,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -70142,6 +70148,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
@@ -74394,9 +74408,6 @@ $de-column-presets-font-size: 60px !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
@@ -80364,6 +80375,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -100022,12 +100037,6 @@ $rte-popup-item-padding: 1px 1px !default;
       margin-top: 0;
     }
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -100039,7 +100048,6 @@ $rte-popup-item-padding: 1px 1px !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -100062,7 +100070,6 @@ $rte-popup-item-padding: 1px 1px !default;
     }
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
@@ -103516,7 +103523,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/inputs/input/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -240,7 +240,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color-alt1 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/SCSS-Themes/inputs/input/bootstrap5-dark.scss CHANGED Viewed

@@ -240,7 +240,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color-alt1 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/SCSS-Themes/inputs/input/bootstrap5-lite.scss CHANGED Viewed

@@ -240,7 +240,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color-alt1 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/SCSS-Themes/inputs/input/bootstrap5.scss CHANGED Viewed

@@ -240,7 +240,7 @@ $float-label-disbale-font-color: $content-text-color-alt3 !default;
 $input-placeholder-color: $placeholder-text-color !default;
 $input-group-disabled-color: $icon-color-disabled !default;
 $input-group-hovered-color: $icon-color-hover !default;
-$input-readonly-bg-color: $content-bg-color-alt2 !default;
+$input-readonly-bg-color: $content-bg-color !default;
 $input-readonly-color: $content-text-color-alt1 !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: 0 0 0 3px rgba($primary-light, .25) !default;

package/SCSS-Themes/layouts/splitter/bds-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bds.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-dark-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-dark.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap4-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap4.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5.3-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5.3-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

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

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/bootstrap5.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: none !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fabric-dark-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fabric-dark.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fabric-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fabric.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2-dark-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2-dark.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2-highcontrast.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2-lite.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/fluent2.scss CHANGED Viewed

@@ -98,6 +98,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/highcontrast-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/highcontrast.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material-dark-lite.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;

package/SCSS-Themes/layouts/splitter/material-dark.scss CHANGED Viewed

@@ -93,6 +93,10 @@ $bigger-splitbar-icon-size: 16px !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;