Fixed #7477 - Update dialog animations

primefaces · Apr 15, 2019 · 3b6e6d5 · 3b6e6d5
1 parent ecb93be
commit 3b6e6d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -140,7 +140,7 @@ <h3>RTL Support</h3>
 </pre>
 
             <h3>Animation Configuration</h3>
-            <p>Transition of the Dialog open and hide animations can be customized using the transitionOptions property with a default value as <b>400ms cubic-bezier(0.25, 0.8, 0.25, 1)</b>, 
+            <p>Transition of the Dialog open and hide animations can be customized using the transitionOptions property with a default value as <b>150ms cubic-bezier(0, 0, 0.2, 1)</b>, 
                 example below disables the animation altogether.</p>
 <pre>
 <code class="language-markup" pCode ngNonBindable>
@@ -337,7 +337,7 @@ <h3>Properties</h3>
                         <tr>
                             <td>transitionOptions</td>
                             <td>string</td>
-                            <td>400ms cubic-bezier(0.25, 0.8, 0.25, 1)</td>
+                            <td>150ms cubic-bezier(0, 0, 0.2, 1)</td>
                             <td>Transition options of the animation.</td>
                         </tr>
                         <tr>