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

IgniteUI · Jun 10, 2020 · c9b2b31 · c9b2b31
1 parent 87dee68
commit c9b2b31
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 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,8 @@
 
     %grid-excel-sort {
         display: block;
-        padding: rem(8px) rem(16px);
+        padding-top: rem(8px);
+        padding-bottom: rem(8px);
 
         header {
             color: igx-color($palette, 'grays', 700);
@@ -244,10 +245,6 @@
             padding: rem(8px);
         }
 
-        %grid-excel-sort {
-            padding: rem(8px);
-        }
-
         %grid-excel-actions {
             padding: rem(8px);
         }
@@ -277,8 +274,6 @@
         }
 
         %grid-excel-sort {
-            padding: rem(4px);
-
             @extend %grid-excel-action--compact;
 
             igx-buttongroup {

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
@@ -98,11 +98,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>