fix(excel-style-filtering): fixed template visualization #6815

IgniteUI · Jun 9, 2020 · f4fa687 · f4fa687
1 parent 3b927e1
commit f4fa687
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/grid/_excel-filtering-theme.scss
@@ -108,7 +108,7 @@
 
     %grid-excel-sort {
         display: block;
-        padding: rem(8px) rem(16px);
+        padding: rem(8px) rem(0px);
 
         header {
             color: igx-color($palette, 'grays', 700);

diff --git a/...eui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.html b/...eui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.html
@@ -84,11 +84,10 @@ <h4>{{ column.header || column.field }}</h4>
         </div>
     </header>
 
-    <div *ngIf="column.sortable">
-        <ng-container *ngTemplateOutlet="sortingTemplate"></ng-container>
-    </div>
-
     <section class="igx-excel-filter__actions">
+        <div *ngIf="column.sortable">
+            <ng-container *ngTemplateOutlet="sortingTemplate"></ng-container>
+        </div>
 
         <div *ngIf="column.movable">
             <ng-container *ngTemplateOutlet="movingTemplate"></ng-container>