Merge pull request #63 from cbassuarez/codex/fix-global-scroll-behavior-for-viewer-hccxs2

Author: cbassuarez

web/src/index.css

@@ -74,6 +74,10 @@ body {
   overflow-y: auto;
 }
 
+body.viewer-route {
+  overflow: hidden;
+}
+
 .phase-resolution-slider-wrapper {
   --ps-res-track-height: 0.85rem;
   --ps-res-thumb-size: 0.9rem;

web/src/layouts/AppLayout.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import clsx from "clsx";
 import TopBar from "../components/TopBar";
@@ -15,6 +15,18 @@ export const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
         location.pathname === basePath ||
         location.pathname === `${basePath}/`;
 
+    useEffect(() => {
+        if (isViewer) {
+            document.body.classList.add("viewer-route");
+        } else {
+            document.body.classList.remove("viewer-route");
+        }
+
+        return () => {
+            document.body.classList.remove("viewer-route");
+        };
+    }, [isViewer]);
+
     const rootClass = clsx(
         // base shell
         "flex min-h-screen flex-col bg-slate-50 text-slate-900",