fix(grid): revert resetSummaryHeight changes

- update dev sample

Author: mmart1n

projects/igniteui-angular/src/lib/grids/summaries/grid-summary.service.ts

@@ -130,9 +130,7 @@ export class IgxGridSummaryService {
     }
 
     public resetSummaryHeight() {
-        if (this.summaryHeight !== this.grid.summaryRowHeight) {
-            this.summaryHeight = 0;
-        }
+        this.summaryHeight = 0;
         this.grid.summaryPipeTrigger++;
         if (this.grid.rootSummariesEnabled) {
             this.retriggerRootPipe++;

src/app/grid-summaries/grid-summaries.sample.html

@@ -35,13 +35,13 @@
             ${{val}}
         </ng-template>
         <ng-template igxCustomSummaryCell let-summaryResults>
-            <div style="font-size: 0.75rem">       
-                <span>Custom summary cell:</span><br>      
-                <span>Number of Summaries: {{ summaryResults.length }}</span><br>      
-                <span>First Summary - {{ summaryResults[0].label }}: {{ summaryResults[0].summaryResult }}</span><br>     
-                <span>Second Summary - {{ summaryResults[1].label }}: {{ summaryResults[1].summaryResult }}</span><br>     
-                <span>Third Summary - {{ summaryResults[2].label }}: {{ summaryResults[2].summaryResult }}</span><br>     
-                <span> Fourth Summary - {{ summaryResults[3].label }}: {{ summaryResults[3].summaryResult }}</span><br>     
+            <div style="font-size: 0.75rem">
+                <span>Custom summary cell:</span><br>
+                <span>Number of Summaries: {{ summaryResults.length }}</span><br>
+                <span>First Summary - {{ summaryResults[0].label }}: {{ summaryResults[0].summaryResult }}</span><br>
+                <span>Second Summary - {{ summaryResults[1].label }}: {{ summaryResults[1].summaryResult }}</span><br>
+                <span>Third Summary - {{ summaryResults[2].label }}: {{ summaryResults[2].summaryResult }}</span><br>
+                <span> Fourth Summary - {{ summaryResults[3].label }}: {{ summaryResults[3].summaryResult }}</span><br>
             </div>
         </ng-template>
     </igx-column>
@@ -89,7 +89,7 @@
 <igx-switch [(ngModel)]="rowSelection">Row Selection</igx-switch>
 
 <button (click)="enableSummary()"> Enable Summary for column ReorderLevel</button>
-<button (click)="disableSummary()">Disable Summary</button>
+<button (click)="toggleSummary()">Toggle Custom Summary</button>
 <button (click)="updateData()">Update Data</button>
 <button (click)="addRow()">Add Row</button>
 <button (click)="deleteRow()">Delete Row</button>

src/app/grid-summaries/grid-summaries.sample.ts

@@ -803,8 +803,8 @@ export class GridSummaryComponent implements OnInit {
         }
     }
 
-    public disableSummary() {
-        this.grid1.getColumnByName('UnitsInStock').hasSummary = false;
+    public toggleSummary() {
+        this.grid1.getColumnByName('UnitsInStock').hasSummary = !this.grid1.getColumnByName('UnitsInStock').hasSummary;
         // this.grid1.recalculateSummaries();
     }