Merge pull request #422 from inkeep/fix/inkeep-mobile-modal

clairekinde11 · web-flow · commit 0cdbdb834750 · 2025-05-20T09:24:28.000+10:00
Only apply inkeep modal animation when modal is not full screen
diff --git a/public/vendors/inkeep.css b/public/vendors/inkeep.css
@@ -6,9 +6,11 @@
   background: rgba(0,0,0,0.4);
 }
 
-.ikp-modal__content {
-  opacity: 0;
-  animation: showInkeepModal .4s ease forwards !important;
+@media (min-width: 769px) {
+  .ikp-modal__content {
+    opacity: 0;
+    animation: showInkeepModal .4s ease forwards !important;
+  }
 }
 
 @keyframes showInkeepModal {

Original file line number	Diff line number	Diff line change
`@@ -6,9 +6,11 @@`
`6`	`6`	`background: rgba(0,0,0,0.4);`
`7`	`7`	`}`
`8`	`8`
`9`		`-.ikp-modal__content {`
`10`		`- opacity: 0;`
`11`		`- animation: showInkeepModal .4s ease forwards !important;`
	`9`	`+@media (min-width: 769px) {`
	`10`	`+ .ikp-modal__content {`
	`11`	`+ opacity: 0;`
	`12`	`+ animation: showInkeepModal .4s ease forwards !important;`
	`13`	`+ }`
`12`	`14`	`}`
`13`	`15`
`14`	`16`	`@keyframes showInkeepModal {`