fix(list): rever list-item logic #4393

IgniteUI · Apr 8, 2019 · 3252cf0 · 3252cf0
1 parent b57b377
commit 3252cf0
Showing 1 changed file with 2 additions and 27 deletions.
diff --git a/projects/igniteui-angular/src/lib/list/list-item.component.ts b/projects/igniteui-angular/src/lib/list/list-item.component.ts
@@ -148,6 +148,7 @@ export class IgxListItemComponent implements IListChild {
      * ```
      * @memberof IgxListItemComponent
      */
+    @HostBinding('class.igx-list__header')
     get headerStyle(): boolean {
         return this.isHeader;
     }
@@ -159,23 +160,11 @@ export class IgxListItemComponent implements IListChild {
      * ```
      * @memberof IgxListItemComponent
      */
+    @HostBinding('class.igx-list__item-base')
     get innerStyle(): boolean {
         return !this.isHeader;
     }
 
-    /**
-     * Gets the currently applied class of the `list item` based on the display density of the `list`.
-     * ```typescript
-     * let hostClass =  this.listItem.hostClass;
-     * ```
-     * @memberof IgxListItemComponent
-     */
-    @HostBinding('attr.class')
-    get hostClass(): string {
-        const className = (this.isHeader) ? 'igx-list__header' : 'igx-list__item-base';
-        return this.getDensityClass(className);
-    }
-
     /**
      * Returns string value which describes the display mode of the `list item`.
      * ```typescript
@@ -325,20 +314,6 @@ export class IgxListItemComponent implements IListChild {
         }
     }
 
-    /**
-     *@hidden
-     */
-    private getDensityClass(baseStyleClass: string) {
-        switch (this.list.displayDensity) {
-            case DisplayDensity.cosy:
-                return `${baseStyleClass}--${DisplayDensity.cosy}`;
-            case DisplayDensity.compact:
-                return `${baseStyleClass}--${DisplayDensity.compact}`;
-            default:
-                return baseStyleClass;
-        }
-    }
-
     /**
      * Gets the `panState` of a `list item`.
      * ```typescript