fix(grid): move default template class on the host

Author: Aleksandyr

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

@@ -8,7 +8,7 @@
         class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal:
         grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }}
     </div>
-    <igx-icon *ngIf="column.dataType === 'boolean'" [ngClass]="{'igx-grid__icon--checked': value}" >{{value ? 'check' : 'close'}}</igx-icon>
+    <igx-icon *ngIf="column.dataType === 'boolean'">{{value ? 'check' : 'close'}}</igx-icon>
 </ng-template>
 <ng-template #inlineEditor let-cell="cell">
     <ng-container *ngIf="column.dataType === 'string'">

projects/igniteui-angular/src/lib/grids/cell.component.ts

@@ -287,6 +287,11 @@ export class IgxGridCellComponent implements OnInit, OnChanges, OnDestroy {
         return this.editMode || this.cellTemplate ? '' : this.value;
     }
 
+    @HostBinding('class.igx-grid_td--bool-true')
+    public get booleanClass() {
+        return this.column.dataType === 'boolean' && this.value;
+    }
+
     /**
      * Returns a reference to the nativeElement of the cell.
      * ```typescript

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

@@ -8,7 +8,7 @@
         class="igx-grid__td-text">{{ formatter ? formatter(value) : column.dataType === 'number' ? (value | igxdecimal:
         grid.locale) : column.dataType === 'date' ? (value | igxdate: grid.locale) : column.dataType === 'boolean' ? "" : value }}
     </div>
-    <igx-icon *ngIf="column.dataType === 'boolean'" [ngClass]="{'igx-grid__icon--checked': value}">{{value ? 'check' : 'close'}}</igx-icon>
+    <igx-icon *ngIf="column.dataType === 'boolean'">{{value ? 'check' : 'close'}}</igx-icon>
 </ng-template>
 <ng-template #inlineEditor  let-cell="cell">
     <ng-container *ngIf="column.dataType === 'string'">

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

@@ -21,6 +21,7 @@
             [class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger"
             [attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
             [class.igx-grid__td--number]="col.dataType === 'number'"
+            [class.igx-grid__td--bool]="col.dataType === 'boolean'"
             [ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
             [ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
             [editMode]="col.editable && crudService.isInEditMode(index, col.index)"