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

@syncfusion/blazor-themes 31.2.4 → 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 (261) hide show

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;
           }
@@ -3686,6 +3687,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5052,7 +5060,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3686,6 +3687,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5052,7 +5060,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3686,6 +3687,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5052,7 +5060,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3686,6 +3687,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5052,7 +5060,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3686,6 +3687,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5052,7 +5060,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3673,6 +3674,13 @@ $grid-checkmark-color: $selection-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5039,7 +5047,9 @@ $grid-checkmark-color: $selection-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3673,6 +3674,13 @@ $grid-checkmark-color: $selection-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5039,7 +5047,9 @@ $grid-checkmark-color: $selection-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3671,6 +3672,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5037,7 +5045,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3671,6 +3672,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5037,7 +5045,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3672,6 +3673,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5038,7 +5046,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3672,6 +3673,13 @@ $grid-checkmark-color: $accent-font !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5038,7 +5046,9 @@ $grid-checkmark-color: $accent-font !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3675,6 +3676,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5049,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3675,6 +3676,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5049,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3675,6 +3676,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5049,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3675,6 +3676,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5041,7 +5049,9 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }

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;
           }
@@ -3679,6 +3680,13 @@ $grid-checkmark-color: $primary-text-color !default;
       overflow: hidden;
       overflow-x: scroll;
     }
+    &.e-mac-safari .e-virtualtable {
+      .e-leftfreeze,
+      .e-rightfreeze {
+        transform: translateZ(0);
+      }
+    }
     .e-columnchooser::before {
       line-height: $grid-columnchooser-toolbar-icon-line-height;
@@ -5045,7 +5053,9 @@ $grid-checkmark-color: $primary-text-color !default;
       }
       .e-cc-searchdiv.e-input-focus {
-        border-color: $grid-columnchooser-search-border-fcolor;
+        @if $grid-skin != 'fluent2' {
+          border-color: $grid-columnchooser-search-border-fcolor;
+        }
       }
     }
   }