fix: animate modal opacity

Automattic · Jan 16, 2024 · f454696 · f454696
1 parent 3566261
commit f454696
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/assets/newspack-ui/scss/_modals.scss b/assets/newspack-ui/scss/_modals.scss
@@ -22,7 +22,8 @@
 			z-index: 2;
 			width: 100%;
 			transform: translateY( 50px );
-			transition: transform 0.1s linear;
+			opacity: 0;
+			transition: transform 0.1s linear, opacity 0.1s linear;
 		}
 		&[data-state='open'] {
 			z-index: 99999;
@@ -32,6 +33,7 @@
 				opacity: 1;
 			}
 			.newspack-ui__modal {
+				opacity: 1;
 				transform: translateY( 0 );
 			}
 		}