Merge pull request #3797 from IgniteUI/MKamenov/groupby-icons-71x

Changed expand/colapse icons to be same as in the hierarchical grid. (7.1.x)

projects/igniteui-angular/src/lib/grids/grid/grid.component.html

@@ -44,7 +44,8 @@
         <span *ngIf="hasMovableColumns && draggedColumn && pinnedColumns.length > 0" [igxColumnMovingDrop]="parentVirtDir" [attr.droppable]="true" id="left" class="igx-grid__scroll-on-drag-pinned" [style.left.px]="pinnedWidth"></span>
         <ng-container *ngIf="groupingExpressions.length > 0">
             <div class="igx-grid__header-indentation igx-grid__row-indentation--level-{{groupingExpressions.length}}" #headerGroupContainer>
-                <igx-icon role="button" class="igx-grid__group-expand-btn" (click)="toggleAllGroupRows()">reorder</igx-icon>
+                <igx-icon *ngIf="groupsExpanded" role="button" class="igx-grid__group-expand-btn" (click)="toggleAllGroupRows()">unfold_less</igx-icon>
+                <igx-icon *ngIf="!groupsExpanded" role="button" class="igx-grid__group-expand-btn" (click)="toggleAllGroupRows()">unfold_more</igx-icon>
             </div>
         </ng-container>
         <ng-container *ngIf="showRowCheckboxes">

projects/igniteui-angular/src/lib/grids/grid/groupby-row.component.html

@@ -1,7 +1,7 @@
 <ng-container #defaultGroupRow>
     <div (click)="toggle()" class="igx-grid__grouping-indicator">
-        <igx-icon *ngIf="!expanded" fontSet="material">chevron_right</igx-icon>
-        <igx-icon *ngIf="expanded" fontSet="material">expand_more</igx-icon>
+        <igx-icon *ngIf="!expanded" fontSet="material">expand_more</igx-icon>
+        <igx-icon *ngIf="expanded" fontSet="material">expand_less</igx-icon>
     </div>
 
     <div class="igx-grid__group-content" #groupContent>