From fc67e4d90d1351ae8e1f0d261b066a3479a124f3 Mon Sep 17 00:00:00 2001
From: Kim Ying <15070078+kimprice@users.noreply.github.com>
Date: Mon, 23 Sep 2024 11:21:19 -0700
Subject: [PATCH] Fix unreachable content on scroll

---
 .../components/styling/CatalogOverlay.module.scss  | 14 ++++++++++++++
 .../src/components/styling/TabPanel.module.scss    | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/teachertool/src/components/styling/CatalogOverlay.module.scss b/teachertool/src/components/styling/CatalogOverlay.module.scss
index 66c5b8ff6acf..8ddaf21a4195 100644
--- a/teachertool/src/components/styling/CatalogOverlay.module.scss
+++ b/teachertool/src/components/styling/CatalogOverlay.module.scss
@@ -111,6 +111,20 @@
                     }
                 }
             }
+        }
+
+                /* Styles for iPads (portrait mode) */
+        @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+            .catalog-list {
+                height: 80%;
+            }
+        }
+
+        /* Styles for iPads (landscape mode) */
+        @media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
+            .catalog-list {
+                height: 70%;
+            }
         }
     }
 }
diff --git a/teachertool/src/components/styling/TabPanel.module.scss b/teachertool/src/components/styling/TabPanel.module.scss
index 75e00f805d82..75db00c8e541 100644
--- a/teachertool/src/components/styling/TabPanel.module.scss
+++ b/teachertool/src/components/styling/TabPanel.module.scss
@@ -7,3 +7,17 @@
     background-color: var(--pxt-page-background);
     color: var(--pxt-page-foreground);
 }
+
+/* Styles for iPads (portrait mode) */
+@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+    .tabpanel {
+        height: 80%;
+    }
+}
+
+/* Styles for iPads (landscape mode) */
+@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
+    .tabpanel {
+        height: 70%;
+    }
+}
\ No newline at end of file