@syncfusion/blazor-themes 21.1.41 → 21.2.3

package/SCSS-Themes/fabric.scss

@@ -39734,7 +39734,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-btn-icon) {
+      & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -53501,11 +53501,13 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -53554,7 +53556,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -53568,7 +53571,8 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -53585,7 +53589,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -53610,12 +53615,14 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -53681,7 +53688,8 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -53691,12 +53699,14 @@ $ripple-width: 32px !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }
@@ -87754,6 +87764,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;
@@ -100129,6 +100143,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }
@@ -114061,7 +114076,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -114074,21 +114088,21 @@ $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
-$rating-small-li-min-width-height: 24px !default;
+$rating-small-li-hover-font-size: 18px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 28px !default;
 $rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
+$rating-bigger-li-hover-font-size: 30px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 24px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
 $rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
+$rating-bigger-small-li-hover-font-size: 26px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -114143,8 +114157,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -114269,8 +114281,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114288,8 +114298,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114309,8 +114317,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/fluent-dark.scss

@@ -40214,7 +40214,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-btn-icon) {
+      & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -54111,11 +54111,13 @@ $treeview-item-active-check-color: $primary !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -54164,7 +54166,8 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -54178,7 +54181,8 @@ $treeview-item-active-check-color: $primary !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -54195,7 +54199,8 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -54220,12 +54225,14 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -54291,7 +54298,8 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -54301,12 +54309,14 @@ $treeview-item-active-check-color: $primary !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }
@@ -88613,6 +88623,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;
@@ -101000,6 +101014,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }
@@ -114950,7 +114965,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: $font-icon-20 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 4px !default;
@@ -114963,21 +114977,18 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 13px !default;
-$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-28 !default;
 $rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-24 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-24 !default;
 $rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-20 !default;
@@ -115032,8 +115043,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -115158,8 +115167,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -115177,8 +115184,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -115198,8 +115203,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/fluent.scss

@@ -40215,7 +40215,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-btn-icon) {
+      & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -54112,11 +54112,13 @@ $treeview-item-active-check-color: $primary !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -54165,7 +54167,8 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -54179,7 +54182,8 @@ $treeview-item-active-check-color: $primary !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -54196,7 +54200,8 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -54221,12 +54226,14 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -54292,7 +54299,8 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -54302,12 +54310,14 @@ $treeview-item-active-check-color: $primary !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }
@@ -88614,6 +88624,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;
@@ -101001,6 +101015,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }
@@ -114951,7 +114966,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $rating-li-font-size: $font-icon-20 !default;
 $rating-li-padding: 4px !default;
 $rating-li-line-height: 13px !default;
-$rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
 $rating-label-right-margin: 4px !default;
@@ -114964,21 +114978,18 @@ $rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
 $rating-small-li-line-height: 13px !default;
-$rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-28 !default;
 $rating-bigger-li-line-height: 21px !default;
-$rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-24 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-24 !default;
 $rating-bigger-small-li-line-height: 19px !default;
-$rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : $font-icon-20 !default;
@@ -115033,8 +115044,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -115159,8 +115168,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -115178,8 +115185,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -115199,8 +115204,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

package/SCSS-Themes/gantt/gantt/bootstrap-dark.scss

@@ -1960,6 +1960,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/bootstrap.scss

@@ -1960,6 +1960,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/bootstrap4.scss

@@ -1962,6 +1962,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/bootstrap5-dark.scss

@@ -1964,6 +1964,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/bootstrap5.scss

@@ -1964,6 +1964,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/fabric-dark.scss

@@ -1960,6 +1960,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/fabric.scss

@@ -1960,6 +1960,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/fluent-dark.scss

@@ -1964,6 +1964,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/fluent.scss

@@ -1964,6 +1964,10 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/highcontrast.scss

@@ -1960,6 +1960,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;

package/SCSS-Themes/gantt/gantt/material-dark.scss

@@ -1961,6 +1961,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;