Hide the bodys overflow when a modal is open so it doesnt scroll

2018-09-20 11:45:17 -04:00 · 2018-09-20 11:45:17 -04:00 · a4d303cefd
commit a4d303cefd
parent 27b03eea04
1 changed files with 6 additions and 0 deletions
--- a/styles/components/_modal.scss
+++ b/styles/components/_modal.scss
@ -1,5 +1,11 @@
 $fixed-footer-height: 5rem + ($gap * 4);

+body {
+  &.modal-open {
+    overflow-y: hidden;
+  }
+}
+
 .modal {
  position: fixed;
  z-index: 3;