npm - @syncfusion/blazor-themes - Versions diffs - 31.2.5 → 31.2.10 - Mend

@syncfusion/blazor-themes 31.2.5 → 31.2.10

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

package/SCSS-Themes/grids/grid/material-dark.scss CHANGED Viewed

@@ -457,6 +457,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1497,7 +1498,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3672,7 +3673,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material-lite.scss CHANGED Viewed

@@ -479,6 +479,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1498,7 +1499,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3673,7 +3674,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material.scss CHANGED Viewed

@@ -479,6 +479,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -1498,7 +1499,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3673,7 +3674,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material3-dark-lite.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3676,7 +3677,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3676,7 +3677,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3676,7 +3677,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/material3.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3676,7 +3677,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1505,7 +1506,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3680,7 +3681,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1505,7 +1506,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3680,7 +3681,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1505,7 +1506,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3680,7 +3681,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 3px 16px 3px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 6px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
 $grid-toolbar-search-wrapper-padding-top: 3px !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1505,7 +1506,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3680,7 +3681,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3677,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind3-dark.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3677,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind3-lite.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3677,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/grids/grid/tailwind3.scss CHANGED Viewed

@@ -253,6 +253,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 4px 7px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 10px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 13px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
@@ -1502,7 +1503,7 @@ $grid-checkmark-color: $primary-text-color !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3677,7 +3678,7 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

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

@@ -2662,7 +2662,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
+$input-margin-top: 28px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $bg-base-20 !default;
@@ -2753,6 +2753,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -61589,6 +61593,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-toolbar-search-wrapper-padding-top: 4px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -62636,7 +62641,7 @@ $grid-checkmark-color: $selection-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -64811,7 +64816,7 @@ $grid-checkmark-color: $selection-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -2784,7 +2784,7 @@ $ddl-input-padding: 8px !default;
 $ddl-input-group-border-width: 1px !default;
 $ddl-clear-icon-margin-right: 0 !default;
 $ddl-active-font-color: $active-font-color !default;
+$input-margin-top: 28px !default;
 $ddl-list-search-icon-padding: 8px !default;
 $ddl-list-filter-text-indent: 0 12px !default;
 $ddl-list-icon-color: $bg-base-20 !default;
@@ -2875,6 +2875,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -83994,6 +83998,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 0 1.5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 11px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 1.5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 53px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
 $grid-toolbar-search-wrapper-padding-top: 4px !default;
 $grid-toolbar-search-wrapper-padding-bottom: 4px !default;
@@ -85041,7 +85046,7 @@ $grid-checkmark-color: $selection-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87216,7 +87221,7 @@ $grid-checkmark-color: $selection-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

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

@@ -2659,6 +2659,7 @@ $ddl-clear-icon-margin-right: 66px !default;
 $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 // Small Size
@@ -2761,6 +2762,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62506,6 +62511,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -63546,7 +63552,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65721,7 +65727,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

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

@@ -2781,6 +2781,7 @@ $ddl-clear-icon-margin-right: 66px !default;
 $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 // Small Size
@@ -2883,6 +2884,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84911,6 +84916,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -85951,7 +85957,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -88126,7 +88132,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

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

@@ -2647,6 +2647,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 // Small Size
 $ddl-small-list-font-size: 12px !default;
@@ -2751,6 +2752,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -62269,6 +62274,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -63288,7 +63294,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -65463,7 +65469,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);

package/SCSS-Themes/material.scss CHANGED Viewed

@@ -2769,6 +2769,7 @@ $ddl-back-icon-margin: 0 10px 0 -52px !default;
 $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: 0 5px 5px -3px rgba($grey-light-font, .2), 0 8px 10px 1px rgba($grey-light-font, .14), 0 3px 14px 2px rgba($grey-light-font, .12) !default;
 $ddl-filter-margin: 0 !default;
+$input-margin-top: 16px !default;
 // Small Size
 $ddl-small-list-font-size: 12px !default;
@@ -2873,6 +2874,10 @@ $input-border: $ddl-zero-value $border-type !default;
     border: $input-border;
   }
+  .e-ddl.e-lib.e-input-group.e-control-container.e-control-wrapper:not(.e-float-input):has(.e-float-line) {
+    margin-top: $input-margin-top;
+  }
   .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
     display: block;
     visibility: hidden;
@@ -84674,6 +84679,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 6px 9px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 5px !default;
 $grid-res-toolbar-search-icon-padding-left: 0 !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-bigger-toolbar-search-icon-min-width: 20px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 8px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !default;
@@ -85693,7 +85699,7 @@ $grid-checkmark-color: $accent-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -87868,7 +87874,7 @@ $grid-checkmark-color: $accent-font !default;
       overflow-x: scroll;
     }
-    &.e-mac-safari .virtualtable {
+    &.e-mac-safari .e-virtualtable {
       .e-leftfreeze,
       .e-rightfreeze {
         transform: translateZ(0);