fix(toastr): animations in firefox and edge (#944)

Angular animations have a bug. All properties have to be expanded to work properly in firefox and edge. Closes #865
akveo · Oct 26, 2018 · 27e4a6a · 27e4a6a
1 parent 004d8d8
commit 27e4a6a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/framework/theme/components/toastr/toastr-container.component.ts b/src/framework/theme/components/toastr/toastr-container.component.ts
@@ -17,7 +17,10 @@ import { takeWhile } from 'rxjs/operators';
 const voidState = style({
   transform: 'translateX({{ direction }}110%)',
   height: 0,
-  margin: 0,
+  marginLeft: '0',
+  marginRight: '0',
+  marginTop: '0',
+  marginBottom: '0',
 });
 
 const defaultOptions = { params: { direction: '' } };