fix(icon): set style priority

A-l-y-l-e · Sep 15, 2018 · e4ea510 · e4ea510
1 parent f7adf01
commit e4ea510
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/lib/icon/icon.service.ts b/src/lib/icon/icon.service.ts
@@ -5,6 +5,8 @@ import { Observable } from 'rxjs';
 import { map, share } from 'rxjs/operators';
 import { LyTheme2 } from '@alyle/ui';
 
+const STYLE_PRIORITY = -1;
+
 const styles = {
   svg: {
     width: 'inherit',
@@ -23,7 +25,7 @@ export interface SvgIcon {
 })
 export class LyIconService {
   private svgMap = new Map<string, SvgIcon>();
-  classes = this.theme.addStyleSheet(styles, 'lyIcon');
+  classes = this.theme.addStyleSheet(styles, 'lyIcon', STYLE_PRIORITY);
   constructor(
     private http: HttpClient,
     @Optional() @Inject(DOCUMENT) private document: any,

diff --git a/src/lib/icon/icon.ts b/src/lib/icon/icon.ts
@@ -1,8 +1,10 @@
-import { Directive, Input, Renderer2, ElementRef, OnChanges, OnInit } from '@angular/core';
+import { Directive, Input, Renderer2, ElementRef, OnInit } from '@angular/core';
 import { LyIconService, SvgIcon } from './icon.service';
 import { take } from 'rxjs/operators';
 import { Platform, LyTheme2 } from '@alyle/ui';
 
+const STYLE_PRIORITY = -1;
+
 @Directive({
   selector: 'ly-icon'
 })
@@ -83,7 +85,7 @@ export class Icon implements OnInit {
       `width:1em;` +
       `height:1em;` +
       `display:inline-flex;`
-    ), this.elementRef.nativeElement);
+    ), this.elementRef.nativeElement, undefined, STYLE_PRIORITY);
   }
 
   /**