Resolving Card action bar still visable after hiding with *ngIf #1421

blackbaud · Mar 7, 2018 · 3f4222e · 3f4222e
1 parent c98f349
commit 3f4222e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/modules/card/card-actions.component.scss b/src/modules/card/card-actions.component.scss
@@ -0,0 +1,7 @@
+@import "../../scss/mixins";
+
+:host {
+    display: block;
+    @include sky-border(light, top);
+    padding: $sky-padding-3_4 0;
+}
diff --git a/src/modules/card/card-actions.component.ts b/src/modules/card/card-actions.component.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'sky-card-actions',
+  styleUrls: ['./card-actions.component.scss'],
   templateUrl: '../shared/simple-content.html'
 })
 export class SkyCardActionsComponent { }
diff --git a/src/modules/card/card.component.scss b/src/modules/card/card.component.scss
@@ -88,10 +88,8 @@
 }
 
 .sky-card-actions {
-    @include sky-border(light, top);
     bottom: 0;
     flex-shrink: 0;
-    padding: $sky-padding-3_4 0;
     text-align: center;
 
     .sky-context-menu-btn {