fix(accordion): prevent styling of projected icons (#1836)

akveo · Jul 23, 2019 · a7b55da · a7b55da
1 parent 272cbd3
commit a7b55da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/framework/theme/components/accordion/_accordion.component.theme.scss b/src/framework/theme/components/accordion/_accordion.component.theme.scss
@@ -29,7 +29,7 @@
       position: relative;
       @include nb-accordion-item-header();
 
-      nb-icon {
+      .expansion-indicator {
         position: absolute;
         @include nb-ltr(right, 1rem);
         @include nb-rtl(left, 1rem);

diff --git a/src/framework/theme/components/accordion/accordion-item-header.component.ts b/src/framework/theme/components/accordion/accordion-item-header.component.ts
@@ -29,7 +29,11 @@ import { NbAccordionItemComponent } from './accordion-item.component';
     <ng-content select="nb-accordion-item-title"></ng-content>
     <ng-content select="nb-accordion-item-description"></ng-content>
     <ng-content></ng-content>
-    <nb-icon icon="chevron-down-outline" pack="nebular-essentials" [@expansionIndicator]="state" *ngIf="!disabled" >
+    <nb-icon icon="chevron-down-outline"
+             pack="nebular-essentials"
+             [@expansionIndicator]="state"
+             *ngIf="!disabled"
+             class="expansion-indicator">
     </nb-icon>
   `,
   animations: [