Merge pull request #698 from dannon/scrolling-fix

[website] Refactor layout overflow handling / fix scroll on workflow pages.
galaxyproject · Feb 27, 2025 · 006d86c · 006d86c
2 parents 9c2c36b + a2cbe94
commit 006d86c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/website/app.vue b/website/app.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="h-dvh flex flex-col bg-chicago-50">
         <IWCHeader />
-        <main class="flex overflow-hidden">
+        <main class="flex overflow-y-auto">
             <NuxtPage />
         </main>
     </div>

diff --git a/website/layouts/default.vue b/website/layouts/default.vue
@@ -15,7 +15,7 @@ const hasRightSidebar = computed(() => {
 });
 </script>
 <template>
-    <div class="w-full" :class="hasHero ? 'overflow-y-auto' : 'overflow-hidden'">
+    <div class="w-full overflow-y-auto">
         <!-- Hero -->
         <slot name="hero"></slot>
         <div class="flex">
@@ -24,7 +24,7 @@ const hasRightSidebar = computed(() => {
                 <slot name="leftSidebar"></slot>
             </div>
             <!-- content -->
-            <div class="flex-1 p-4" :class="{ 'overflow-y-auto': !hasHero }">
+            <div class="flex-1 p-4 overflow-y-auto">
                 <slot name="content"></slot>
             </div>
             <!-- Right sidebar -->

diff --git a/website/pages/index.vue b/website/pages/index.vue
@@ -62,7 +62,7 @@ function selectWorkflow(workflow: Workflow) {
 </script>
 
 <template>
-    <NuxtLayout class="overflow-hidden">
+    <NuxtLayout>
         <template #hero>
             <div class="flex bg-ebony-clay p-8 space-y-6 items-center" :style="{ 'flex-direction': 'column' }">
                 <h1 class="text-5xl my-2 text-white text-center font-bold">