fix(tab): edge prop

fixes #15003
ionic-team · Aug 7, 2018 · 2a4327f · 2a4327f
1 parent 948d083
commit 2a4327f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/core/src/components/fab/fab.scss b/core/src/components/fab/fab.scss
@@ -34,20 +34,22 @@
 
 :host(.fab-vertical-top) {
   top: $fab-content-margin;
+}
 
-  &.fab-edge {
-    top: -$fab-size / 2;
-  }
+:host(.fab-vertical-top.fab-edge) {
+  top: -$fab-size / 2;
 }
 
+
 :host(.fab-vertical-bottom) {
   bottom: $fab-content-margin;
+}
 
-  &.fab-edge {
-    bottom: -$fab-size / 2;
-  }
+:host(.fab-vertical-bottom.fab-edge) {
+  bottom: -$fab-size / 2;
 }
 
+
 :host(.fab-vertical-center) {
   @include margin(-$fab-size / 2, null, null, null);
 

diff --git a/core/src/components/fab/fab.tsx b/core/src/components/fab/fab.tsx
@@ -66,7 +66,7 @@ export class Fab {
       class: {
         [`fab-horizontal-${this.horizontal}`]: !!this.horizontal,
         [`fab-vertical-${this.vertical}`]: !!this.vertical,
-        ['fab-edge']: this.edge
+        'fab-edge': this.edge
       }
     };
   }