From 3ee6db8438c6dcf8ec1a2379a93edf396d21b991 Mon Sep 17 00:00:00 2001 From: Samuel Baptista Date: Sat, 7 Jul 2018 17:23:46 +0200 Subject: [PATCH] Prevent actions list to affect component size #1 --- .../src/lib/fab-speed-dial.scss | 25 ++++++++++++++++++- .../fab-speed-dial/src/lib/fab-speed-dial.ts | 1 - 2 files changed, 24 insertions(+), 2 deletions(-) diff --git a/projects/fab-speed-dial/src/lib/fab-speed-dial.scss b/projects/fab-speed-dial/src/lib/fab-speed-dial.scss index e535cd0..17f55f5 100644 --- a/projects/fab-speed-dial/src/lib/fab-speed-dial.scss +++ b/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); diff --git a/projects/fab-speed-dial/src/lib/fab-speed-dial.ts b/projects/fab-speed-dial/src/lib/fab-speed-dial.ts index f6511cf..528bf83 100644 --- a/projects/fab-speed-dial/src/lib/fab-speed-dial.ts +++ b/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 + ')'; }