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/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5-dark.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5.3-dark.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5.3-lite.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5.3.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/bootstrap5.scss CHANGED Viewed

@@ -255,6 +255,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 5px 25px 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% - 50px) !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;
@@ -1501,7 +1502,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;
           }
@@ -3676,7 +3677,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/fabric-dark-lite.scss CHANGED Viewed

@@ -217,6 +217,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-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1500,7 +1501,7 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3675,7 +3676,7 @@ $grid-checkmark-color: $theme-dark-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/fabric-dark.scss CHANGED Viewed

@@ -217,6 +217,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-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1500,7 +1501,7 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
         & .e-responsive-right {
-          width: calc(100% - 50px);
+          width: $grid-toolbar-responsive-right-width;
           &.e-search-wrapper {
             width: auto;
           }
@@ -3675,7 +3676,7 @@ $grid-checkmark-color: $theme-dark-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/fabric-lite.scss CHANGED Viewed

@@ -223,6 +223,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-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: $theme-primary-font !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: $theme-primary-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/fabric.scss CHANGED Viewed

@@ -223,6 +223,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-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 5px !default;
 $grid-bigger-command-column-padding-bottom: 6px !default;
@@ -1501,7 +1502,7 @@ $grid-checkmark-color: $theme-primary-font !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: $theme-primary-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/fluent-dark-lite.scss CHANGED Viewed

@@ -304,6 +304,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !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/fluent-dark.scss CHANGED Viewed

@@ -304,6 +304,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !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/fluent-lite.scss CHANGED Viewed

@@ -304,6 +304,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !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/fluent.scss CHANGED Viewed

@@ -304,6 +304,7 @@ $grid-res-toolbar-input-search-wrapper-padding: 2px 18px 5px 0 !default;
 $grid-res-toolbar-search-wrapper-icon-padding: 13px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 8px !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: 38px !default;
 $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
 $grid-bigger-toolbar-search-wrapper-padding-top: 2px !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/fluent2-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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/fluent2-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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/fluent2-highcontrast-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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/fluent2-highcontrast.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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/fluent2-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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/fluent2.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: 7px !default;
 $grid-res-toolbar-search-wrapper-padding-right: 16px !default;
 $grid-res-toolbar-search-icon-padding-left: 10px !default;
+$grid-toolbar-responsive-right-width: calc(100% - 50px) !default;
 $grid-toolbar-search-wrapper-padding-bottom: 2px !default;
 $grid-toolbar-search-wrapper-padding-top: 0 !default;
 $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -1512,7 +1513,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;
           }
@@ -3687,7 +3688,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/highcontrast-lite.scss CHANGED Viewed

@@ -452,6 +452,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;
@@ -1499,7 +1500,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;
           }
@@ -3674,7 +3675,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/grids/grid/highcontrast.scss CHANGED Viewed

@@ -452,6 +452,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;
@@ -1499,7 +1500,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;
           }
@@ -3674,7 +3675,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/grids/grid/material-dark-lite.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);