modal-patch-mobile

rei · Jan 17, 2025 · be376bf · be376bf
1 parent da5e6db
commit be376bf
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/components/modal/examples/Modal.vue b/src/components/modal/examples/Modal.vue
@@ -76,6 +76,7 @@
     <br />
     <long-modal />
     <div class="spacer" />
+    <div class="sticky">Something sticky</div>
   </div>
 </template>
 
@@ -118,4 +119,12 @@ export default {
 .spacer {
   height: 100vh;
 }
+
+.sticky {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: red;
+}
 </style>
diff --git a/src/components/modal/styles/CdrModal.module.scss b/src/components/modal/styles/CdrModal.module.scss
@@ -151,7 +151,4 @@ $modal-animation-duration: 150ms;
   overflow: hidden !important;
   position: fixed !important;
   width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
 }
diff --git a/src/styles/cdr-reset.scss b/src/styles/cdr-reset.scss
@@ -45,8 +45,6 @@ body {
   /* cdr-color-background-primary */
 
   background-color: #ffffff;
-  container-name: cdr-body;
-  container-type: inline-size;
 }
 
 h1,