fix(storybook): fix scrolling in storybook (#19993)

PostHog · Jan 30, 2024 · e4fdf6b · e4fdf6b
1 parent a64a82b
commit e4fdf6b
Show file tree

Hide file tree

Showing 36 changed files with 2 additions and 2 deletions.
diff --git a/frontend/__snapshots__/exporter-exporter--dashboard--dark.png b/frontend/__snapshots__/exporter-exporter--dashboard--dark.png
diff --git a/frontend/__snapshots__/exporter-exporter--dashboard--light.png b/frontend/__snapshots__/exporter-exporter--dashboard--light.png
diff --git a/...nd/__snapshots__/exporter-exporter--funnel-historical-trends-insight--light.png b/...nd/__snapshots__/exporter-exporter--funnel-historical-trends-insight--light.png
diff --git a/...snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png b/...snapshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--dark.png
diff --git a/...napshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--light.png b/...napshots__/exporter-exporter--funnel-left-to-right-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--dark.png
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-left-to-right-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png b/frontend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--dark.png
diff --git a/...tend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--light.png b/...tend/__snapshots__/exporter-exporter--funnel-time-to-convert-insight--light.png
diff --git a/...napshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--light.png b/...napshots__/exporter-exporter--funnel-top-to-bottom-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--light.png b/frontend/__snapshots__/exporter-exporter--funnel-top-to-bottom-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--lifecycle-insight--light.png b/frontend/__snapshots__/exporter-exporter--lifecycle-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--retention-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--retention-insight--light.png b/frontend/__snapshots__/exporter-exporter--retention-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--stickiness-insight--light.png b/frontend/__snapshots__/exporter-exporter--stickiness-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-area-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-area-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-area-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-bar-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-bar-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-bar-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-line-multi-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-number-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-number-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--dark.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-pie-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--dark.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-pie-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-pie-insight--light.png
diff --git a/...tend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--light.png b/...tend/__snapshots__/exporter-exporter--trends-table-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-table-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-table-insight--light.png
diff --git a/...tend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--light.png b/...tend/__snapshots__/exporter-exporter--trends-value-breakdown-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-value-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-value-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--light.png b/frontend/__snapshots__/exporter-exporter--trends-world-map-insight--light.png
diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--dark.png
diff --git a/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png b/frontend/__snapshots__/exporter-exporter--user-paths-insight--light.png
diff --git a/frontend/src/lib/hooks/use3000Body.ts b/frontend/src/lib/hooks/use3000Body.ts
@@ -8,6 +8,7 @@ export function use3000Body(): void {
 
     useEffect(() => {
         document.body.setAttribute('theme', isDarkModeOn ? 'dark' : 'light')
-        document.body.classList.add('posthog-3000')
+        // overflow-hidden since each area handles scrolling individually (e.g. navbar, scene, side panel)
+        document.body.classList.add('posthog-3000', 'overflow-hidden')
     }, [isDarkModeOn])
 }
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
@@ -506,7 +506,6 @@ body {
         --primary: var(--primary-3000);
         --primary-highlight: var(--primary-3000-highlight);
 
-        overflow: hidden; // Each area handles scrolling individually (e.g. navbar, scene, side panel)
         background: var(--bg-3000);
 
         .non-3000 {