diff --git a/src/app/components/dialog/dialog.ts b/src/app/components/dialog/dialog.ts index bdd891439a9..ed7bf18eebc 100644 --- a/src/app/components/dialog/dialog.ts +++ b/src/app/components/dialog/dialog.ts @@ -37,7 +37,7 @@ let idx: number = 0; animations: [ trigger('animation', [ state('void', style({ - transform: 'translate3d(0, 25%, 0) scale(0.9)', + transform: 'scale(0.7)', opacity: 0 })), state('visible', style({ @@ -100,7 +100,7 @@ export class Dialog implements OnDestroy { @Input() maximizable: boolean; - @Input() transitionOptions: string = '400ms cubic-bezier(0.25, 0.8, 0.25, 1)'; + @Input() transitionOptions: string = '150ms cubic-bezier(0, 0, 0.2, 1)'; @Input() closeIcon: string = 'pi pi-times'; diff --git a/src/app/showcase/components/dialog/dialogdemo.html b/src/app/showcase/components/dialog/dialogdemo.html index 6177697cb12..8a82faa40d7 100644 --- a/src/app/showcase/components/dialog/dialogdemo.html +++ b/src/app/showcase/components/dialog/dialogdemo.html @@ -140,7 +140,7 @@

RTL Support

Animation Configuration

-

Transition of the Dialog open and hide animations can be customized using the transitionOptions property with a default value as 400ms cubic-bezier(0.25, 0.8, 0.25, 1), +

Transition of the Dialog open and hide animations can be customized using the transitionOptions property with a default value as 150ms cubic-bezier(0, 0, 0.2, 1), example below disables the animation altogether.

 
@@ -337,7 +337,7 @@ 

Properties

transitionOptions string - 400ms cubic-bezier(0.25, 0.8, 0.25, 1) + 150ms cubic-bezier(0, 0, 0.2, 1) Transition options of the animation.