@syncfusion/blazor-themes 20.3.61 → 20.4.40

package/SCSS-Themes/grids/grid/bootstrap5.scss

@@ -1585,6 +1585,11 @@ $grid-dropitems-count-margin-left: -4px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1666,6 +1671,7 @@ $grid-dropitems-count-margin-left: -4px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2314,7 +2320,7 @@ $grid-dropitems-count-margin-left: -4px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4284,13 +4290,17 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4517,6 +4527,9 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

package/SCSS-Themes/grids/grid/fabric-dark.scss

@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2311,7 +2317,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4281,13 +4287,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4514,6 +4524,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

package/SCSS-Themes/grids/grid/fabric.scss

@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2311,7 +2317,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4281,13 +4287,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4514,6 +4524,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

package/SCSS-Themes/grids/grid/fluent-dark.scss

@@ -1577,6 +1577,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1658,6 +1663,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2306,7 +2312,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4276,13 +4282,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4509,6 +4519,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

package/SCSS-Themes/grids/grid/fluent.scss

@@ -1577,6 +1577,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1658,6 +1663,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2306,7 +2312,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4276,13 +4282,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4509,6 +4519,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

package/SCSS-Themes/grids/grid/highcontrast.scss

@@ -1582,6 +1582,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1663,6 +1668,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2311,7 +2317,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4281,13 +4287,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4514,6 +4524,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

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

@@ -1583,6 +1583,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1664,6 +1669,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2312,7 +2318,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4282,13 +4288,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4515,6 +4525,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

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

@@ -1581,6 +1581,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1662,6 +1667,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2310,7 +2316,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4280,13 +4286,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4513,6 +4523,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

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

@@ -1592,6 +1592,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1673,6 +1678,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2321,7 +2327,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4291,13 +4297,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4524,6 +4534,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }
 

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

@@ -1592,6 +1592,11 @@ $grid-dropitems-count-margin-left: -8px !default;
           & .e-sicon.e-clear-icon:active,
           & .e-sicon.e-clear-icon:focus {
             background: none;
+            & .e-icons {
+              @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+                color: $grid-responsive-toolbar-icon-color;
+              }
+            }
           }
 
           & .e-icons {
@@ -1673,6 +1678,7 @@ $grid-dropitems-count-margin-left: -8px !default;
                 }
             }
           }
+
         }
       }
 
@@ -2321,7 +2327,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -4291,13 +4297,17 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
         border-bottom-style: $grid-border-type;
         height: inherit;
-        overflow: hidden;
       }
 
       .e-gridcontent .e-content,
@@ -4524,6 +4534,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-icons {
         padding-bottom: $grid-adaptive-toolbar-icon-hover-bottom;
+        @if $grid-skin == 'bootstrap5' or $grid-skin == 'bootstrap4' {
+          color: $grid-responsive-toolbar-icon-color;
+        }
       }
     }