Move html/body rules to globals.css

ekaterinburgdev · Dec 20, 2023 · 94f4556 · 94f4556 · ekbdev · Dec 20, 2023
1 parent b51d3f5
commit 94f4556
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/components/AboutProjectModal/Modal/Modal.module.css b/components/AboutProjectModal/Modal/Modal.module.css
@@ -10,12 +10,6 @@
     animation: .2s ease-in-out fadeIn;
 }
 
-html:has(.Modal[open]),
-body:has(.Modal[open]) {
-    overflow: auto;
-    height: 100%;
-}
-
 .Modal::backdrop {
     background: rgba(12, 27, 39, .2);
 }
@@ -83,7 +77,6 @@ body:has(.Modal[open]) {
     .Modal {
         width: 100%;
         max-width: 647px;
-        min-height: auto;
         max-height: calc(100vh - 112px);
         margin: 60px auto;
         border-radius: 16px;

diff --git a/styles/globals.css b/styles/globals.css
@@ -20,6 +20,13 @@ html {
     }
 }
 
+/* Remove scrollbar when modal open */
+html:has(dialog[open]),
+body:has(dialog[open]) {
+    overflow: auto;
+    height: 100%;
+}
+
 body {
     overflow-x: hidden;
     font-weight: 300;