fix(grid-quick-filtering): add missing densities

Author: onlyexeption

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

@@ -60,11 +60,11 @@ export class IgxGridFilteringCellComponent implements AfterViewInit, OnInit, DoC
 
     @HostBinding('class')
     get styleClasses(): string {
-        if (this.column && this.column.selected) {
-            return 'igx-grid__filtering-cell--selected';
-        }
+        let classes: string;
 
-        let classes = 'igx-grid__filtering-cell';
+        this.column && this.column.selected ?
+            classes = 'igx-grid__filtering-cell--selected' :
+            classes = 'igx-grid__filtering-cell';
 
         switch (this.column.grid.displayDensity) {
             case DisplayDensity.compact:

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

@@ -1,5 +1,5 @@
 <!-- Have to apply styles inline because of the overlay outlet ... -->
-<igx-drop-down #inputGroupConditions [height]="'200px'" (onSelection)="onConditionsChanged($event)">
+<igx-drop-down #inputGroupConditions [displayDensity]="displayDensity" [height]="'200px'" (onSelection)="onConditionsChanged($event)">
     <igx-drop-down-item *ngFor="let condition of conditions"
         [value]="condition"
         [selected]="isConditionSelected(condition)">
@@ -105,11 +105,11 @@
                 </igx-chip>
 
                 <span id='operand' *ngIf="!last">
-                    <button igxButton (click)="toggleOperatorsDropDown($event, i)" [igxDropDownItemNavigation]="operators">
+                    <button igxButton (click)="toggleOperatorsDropDown($event, i)" [igxDropDownItemNavigation]="operators" [displayDensity]="column.grid.displayDensity">
                         <igx-icon>expand_more</igx-icon>
                         <span>{{filteringService.getOperatorAsString(item.afterOperator)}}</span>
                     </button>
-                    <igx-drop-down #operators (onSelection)="onLogicOperatorChanged($event, item)">
+                    <igx-drop-down [displayDensity]="displayDensity" #operators (onSelection)="onLogicOperatorChanged($event, item)">
                             <igx-drop-down-item [value]="0" [selected]="item.afterOperator === 0">{{filteringService.grid.resourceStrings.igx_grid_filter_operator_and}}</igx-drop-down-item>
                             <igx-drop-down-item [value]="1" [selected]="item.afterOperator === 1">{{filteringService.grid.resourceStrings.igx_grid_filter_operator_or}}</igx-drop-down-item>
                     </igx-drop-down>