From f3506744f9bfade4e785d14c6fcc1c63f6c9ff3a Mon Sep 17 00:00:00 2001
From: Jacob Walls <jwalls@fargeo.com>
Date: Wed, 13 Mar 2024 14:40:12 -0400
Subject: [PATCH] Improve scrolling

---
 arches_rdm/src/App.vue                    | 3 +++
 arches_rdm/src/components/ConceptTree.vue | 4 +---
 arches_rdm/src/components/HomePage.vue    | 8 +++++++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/arches_rdm/src/App.vue b/arches_rdm/src/App.vue
index 16c7ce7e..bb7b8edd 100644
--- a/arches_rdm/src/App.vue
+++ b/arches_rdm/src/App.vue
@@ -28,4 +28,7 @@ const isAuthenticated = ref(false);
 body {
     margin: 0;
 }
+#app {
+    height: 100vh;
+}
 </style>
\ No newline at end of file
diff --git a/arches_rdm/src/components/ConceptTree.vue b/arches_rdm/src/components/ConceptTree.vue
index 8c61e367..d58f774a 100644
--- a/arches_rdm/src/components/ConceptTree.vue
+++ b/arches_rdm/src/components/ConceptTree.vue
@@ -6,7 +6,6 @@ import { useGettext } from "vue3-gettext";
 import { useToast } from "primevue/usetoast";
 import Button from "primevue/button";
 import Dropdown from "primevue/dropdown";
-import ScrollTop from "primevue/scrolltop";
 import Tree from "primevue/tree";
 
 import { bestLabel } from "@/utils";
@@ -233,7 +232,7 @@ await fetchSchemes();
         filter-mode="lenient"
         selection-mode="single"
         :pt="{
-            root: { style: { flexGrow: 1 } },
+            root: { style: { flexGrow: 1, overflow: 'auto' } },
             input: { style: { height: '2rem', fontSize: '14px' } },
             container: { style: { fontSize: '14px' } },
             content: ({ context }): { context: TreeContext } => ({
@@ -269,7 +268,6 @@ await fetchSchemes();
             />
         </template>
     </Tree>
-    <ScrollTop/>
 </template>
 
 <style scoped>
diff --git a/arches_rdm/src/components/HomePage.vue b/arches_rdm/src/components/HomePage.vue
index 279002db..81efe5ce 100644
--- a/arches_rdm/src/components/HomePage.vue
+++ b/arches_rdm/src/components/HomePage.vue
@@ -55,7 +55,7 @@ const signOut = () => {
 
 <style scoped>
 main {
-    height: 100vh;
+    height: 100%;
     display: flex;
     flex-direction: column;
 }
@@ -84,5 +84,11 @@ h1 {
 .p-splitter {
     border: 0;
     flex-grow: 1;
+    overflow: hidden;
+}
+
+.p-splitter-panel {
+    display: flex;
+    flex-direction: column;
 }
 </style>