Prevent actions list to affect component size #1

Author: sambaptista

projects/fab-speed-dial/src/lib/fab-speed-dial.scss

@@ -62,7 +62,9 @@ eco-fab-speed-dial {
             display: -webkit-box;
             display: -webkit-flex;
             display: flex;
-            height: auto;
+            position:absolute;
+            height:0;
+            width:0
         }
     }
 
@@ -95,6 +97,12 @@ eco-fab-speed-dial {
     }
 
     &.eco-down {
+
+        eco-fab-speed-dial-actions {
+            bottom:2px;
+            left:7px;
+        }
+
         .eco-fab-speed-dial-container {
             @include eco-fab-speed-dial-container(vertical, column);
 
@@ -109,6 +117,11 @@ eco-fab-speed-dial {
     }
 
     &.eco-up {
+        eco-fab-speed-dial-actions {
+            top:2px;
+            left:7px;
+        }
+
         .eco-fab-speed-dial-container {
             @include eco-fab-speed-dial-container(vertical, column);
 
@@ -123,6 +136,11 @@ eco-fab-speed-dial {
     }
 
     &.eco-left {
+        eco-fab-speed-dial-actions {
+            top:7px;
+            left:2px;
+        }
+
         .eco-fab-speed-dial-container {
             @include eco-fab-speed-dial-container(horizontal, row);
 
@@ -137,6 +155,11 @@ eco-fab-speed-dial {
     }
 
     &.eco-right {
+        eco-fab-speed-dial-actions {
+            top:7px;
+            right:2px;
+        }
+
         .eco-fab-speed-dial-container {
             @include eco-fab-speed-dial-container(horizontal, row);
 

projects/fab-speed-dial/src/lib/fab-speed-dial.ts

@@ -91,7 +91,6 @@ export class EcoFabSpeedDialActionsComponent implements AfterContentInit {
         const dir = this._parent.direction;
         const translateFn = (dir === 'up' || dir === 'down') ? 'translateY' : 'translateX';
         const sign = (dir === 'down' || dir === 'right') ? '-' : '';
-
         return translateFn + '(' + sign + value + ')';
     }