fix(grid height): add height to grid and light-dark mode

Author: multignite

src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html

@@ -4,6 +4,7 @@
         <igx-grid-toolbar>
             <igx-grid-toolbar-actions>
                 <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
+                <igx-switch (click)="onThemeChanged()"></igx-switch>
             </igx-grid-toolbar-actions>
         </igx-grid-toolbar>
 

src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, ElementRef } from '@angular/core';
 import { CUSTOMERS } from '../../data/hierarchical-data';
 
 @Component({
@@ -9,7 +9,17 @@ import { CUSTOMERS } from '../../data/hierarchical-data';
 export class HGridToolbarPinningComponent {
     public localdata;
 
-    constructor() {
+    constructor(private elRef: ElementRef) {
         this.localdata = CUSTOMERS;
     }
+
+    private parentComponentEl() {
+        return this.elRef.nativeElement.parentElement.parentElement;
+    }
+
+    public onThemeChanged() {
+        const parentEl = this.parentComponentEl();
+        parentEl.classList.toggle('dark-theme')
+    }
 }
+