Merge pull request #3571 from paulkaplan/fix-block-modal

Fix custom procedure scroll issue

src/components/custom-procedures/custom-procedures.css

@@ -3,6 +3,7 @@
 
 .modal-content {
     width: 700px;
+    margin: 50px auto; /* This modal is taller than most, reduce top margin */
 }
 
 .body {

src/components/gui/gui.css

@@ -311,3 +311,11 @@ $fade-out-distance: 15px;
     position: absolute;
     margin-top: 53px;
 }
+
+/*
+    Make the (background) page not scrollable when modals are open
+    This CSS class is automatically added to the body when react-modal is open
+*/
+:global(.ReactModal__Body--open) {
+    overflow: hidden;
+}