enable vertical scrolling in modal dialog (#9895)

microsoft · Mar 1, 2024 · daf04df · daf04df
1 parent c2aeb66
commit daf04df
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/teachertool/src/components/styling/ImportRubricModal.module.scss b/teachertool/src/components/styling/ImportRubricModal.module.scss
@@ -1,6 +1,7 @@
 .import-rubric-modal {
     div[class*="common-modal-body"] {
         background-color: var(--pxt-content-background);
+        justify-content: center;
     }
 
     .import-rubric {

diff --git a/teachertool/src/global.scss b/teachertool/src/global.scss
@@ -218,3 +218,4 @@ code {
 
 @import "./style.overrides/Button.scss";
 @import "./style.overrides/Input.scss";
+@import "./style.overrides/Modal.scss";
diff --git a/teachertool/src/style.overrides/Modal.scss b/teachertool/src/style.overrides/Modal.scss
@@ -0,0 +1,13 @@
+
+.common-modal {
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.common-modal-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow-y: scroll;
+}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -218,3 +218,4 @@ code {

		@import "./style.overrides/Button.scss";
		@import "./style.overrides/Input.scss";
		@import "./style.overrides/Modal.scss";