(ESF): Centering the new default loading indicator

Author: MPopov

projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-component.scss

@@ -11,6 +11,10 @@
     @include b(igx-excel-filter) {
         @extend %grid-excel-filter !optional;
 
+        @include e(loading) {
+            @extend %igx-excel-filter__loading !optional;
+        }
+
         @include e(menu) {
             @extend %grid-excel-menu !optional;
         }

projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss

@@ -16,6 +16,12 @@
         display: block;
     }
 
+    %igx-excel-filter__loading {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+
     %grid-excel-icon {
         cursor: pointer;
 

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.html

@@ -38,7 +38,7 @@
     </div>
 
     <ng-template igxDataLoading>        
-        <div class="igx-excel-filter-loading">
+        <div class="igx-excel-filter__loading">
             <ng-container *ngTemplateOutlet="valuesLoadingTemplate">
             </ng-container>
         </div>