Improve scrolling

archesproject · Mar 13, 2024 · f350674 · f350674
1 parent 25faafa
commit f350674
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git 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>
diff --git 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
@@ -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>