feat(close-button): adjust show/hide css

viivue · Oct 7, 2024 · dd83fa3 · dd83fa3
1 parent e91303e
commit dd83fa3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/src/css/close-button.scss b/src/css/close-button.scss
@@ -31,17 +31,6 @@
   }
 }
 
-@media only screen and (min-width: 769px) {
-  .ep-close-button.for-mobile-layout {
-    display: none;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .ep-close-button.for-mobile-layout .ep-close-button {
-    display: none;
-  }
-}
 
 /* custom close button */
 .easy-popup.ep-has-custom-close-button {

diff --git a/src/css/layout-mobile.scss b/src/css/layout-mobile.scss
@@ -6,6 +6,13 @@
   --ep-mobile-height: calc(100vh - var(--ep-top-empty-space));
 }
 
+.easy-popup.will-have-mobile-layout:not(.ep-mobile-layout) {
+  /* close button */
+  .ep-close-button.for-mobile-layout {
+    display: none;
+  }
+}
+
 @media only screen and (max-width: 1023px) {
   .easy-popup.ep-mobile-layout {
     align-items: flex-end;