Added shadowDOM encapsulation to wvr-nav-list and wvr-nav-li components

TAMULib · Mar 20, 2020 · ce4bc7d · ce4bc7d
1 parent c353d06
commit ce4bc7d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-li/wvr-nav-li.component.ts b/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-li/wvr-nav-li.component.ts
@@ -1,12 +1,13 @@
-import { Component, HostBinding, Input } from '@angular/core';
+import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
 
 /**
  * The WvrNavLi Component is the list element to be used with the wvr-nav-list element.
  */
 @Component({
   selector: 'wvr-nav-li-element',
   templateUrl: './wvr-nav-li.component.html',
-  styleUrls: ['./wvr-nav-li.component.scss']
+  styleUrls: ['./wvr-nav-li.component.scss'],
+  encapsulation: ViewEncapsulation.ShadowDom
 })
 export class WvrNavLiComponent {
 

diff --git a/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-list.component.ts b/projects/wvr-elements/src/lib/wvr-nav-list/wvr-nav-list.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { Alignment } from '../shared/alignment.enum';
 
 /**
@@ -8,7 +8,8 @@ import { Alignment } from '../shared/alignment.enum';
 @Component({
   selector: 'wvr-nav-list-element',
   templateUrl: './wvr-nav-list.component.html',
-  styleUrls: ['./wvr-nav-list.component.scss']
+  styleUrls: ['./wvr-nav-list.component.scss'],
+  encapsulation: ViewEncapsulation.ShadowDom
 })
 export class WvrNavListComponent {