feat(igxCollapsible): add host binding for header class, remove impor…

…ts, #307
IgniteUI · Aug 23, 2018 · dcc34bb · dcc34bb
1 parent e1ee2c6
commit dcc34bb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/projects/igniteui-angular/src/lib/collapsible/collapsible-header.component.html b/projects/igniteui-angular/src/lib/collapsible/collapsible-header.component.html
@@ -1,5 +1,3 @@
-<div tabIndex="1" class="header-content" style="background-color: greenyellow ; height: 30px">
     <igx-icon fontSet="material" [name]="collapsible.collapsed? 'expand_more':'expand_less'"></igx-icon>
     <ng-content select="igx-collapsible-title"></ng-content>
     <ng-content select="igx-collapsible-description"></ng-content>
-</div>
diff --git a/projects/igniteui-angular/src/lib/collapsible/collapsible-header.component.ts b/projects/igniteui-angular/src/lib/collapsible/collapsible-header.component.ts
@@ -1,21 +1,13 @@
 import {
     Component,
     ChangeDetectorRef,
-    EventEmitter,
     ElementRef,
     HostBinding,
     HostListener,
     Input,
-    Inject,
-    Output,
-    ViewChild,
-    OnInit,
-    AfterContentInit,
-    AfterViewInit,
     Renderer2,
     Host
 } from '@angular/core';
-import { IgxRippleModule } from '../directives/ripple/ripple.directive';
 import { IgxCollapsibleComponent } from './collapsible.component';
 
 @Component({
@@ -25,6 +17,9 @@ import { IgxCollapsibleComponent } from './collapsible.component';
 export class IgxCollapsibleHeaderComponent {
      // properties section
 
+     @HostBinding('class.igx-collapsible__header')
+     public cssClass = 'igx-collapsible__header';
+
      @Input()
      @HostBinding('class.igx-collapsible__header--collapsed')
      public collapsedHeight;