fix(button): use ripple styles

A-l-y-l-e · Sep 30, 2018 · 319a661 · 319a661
1 parent 5e00c54
commit 319a661
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/lib/button/button.style.ts b/src/lib/button/button.style.ts
@@ -40,12 +40,6 @@ export const styles = theme => {
       width: '100%',
       height: '100%',
       boxSizing: 'border-box',
-    },
-    rippleContainer: {
-      ...LY_COMMON_STYLES.fill,
-      overflow: 'hidden',
-      pointerEvents: 'none',
-      borderRadius: 'inherit'
     }
   });
   if (typeof _styles.root.fontSize === 'number') {

diff --git a/src/lib/button/button.ts b/src/lib/button/button.ts
@@ -56,7 +56,7 @@ const Size = {
   <span [className]="classes.content">
     <ng-content></ng-content>
   </span>
-  <div #rippleContainer [className]="classes.rippleContainer"></div>
+  <div #rippleContainer [className]="_rippleService.classes.container"></div>
   `,
   encapsulation: ViewEncapsulation.None
 })
@@ -103,8 +103,8 @@ export class LyButton implements OnInit, AfterViewInit, OnDestroy {
     private _elementRef: ElementRef,
     private _renderer: Renderer2,
     private _theme: LyTheme2,
-    private _rippleService: LyRippleService,
     private _ngZone: NgZone,
+    public _rippleService: LyRippleService,
     @Optional() bgAndColor: LyCommon
   ) {
     if (bgAndColor) {