Override the BackstagePage default styles to avoid a "double scrollbar" situation that was stop the page from fully scrolling to the top of the page when we navigated to a new page

Signed-off-by: Alex Lorenzi <alorenzi@spotify.com>
2025-01-21 12:54:01 -05:00
parent 1ebf9f61b5
commit d381f3ec6a
1 changed files with 10 additions and 0 deletions
@@ -166,6 +166,16 @@ export const TechDocsReaderPage = (props: TechDocsReaderPageProps) => {

  const readerPageTheme = createTheme({
    ...currentTheme,
+    overrides: {
+      // This fixes issues with double scrolls in the TechDocs reader page on EntityPage
+      // @ts-ignore BackstagePage is not in the theme type
+      BackstagePage: {
+        root: {
+          height: 'inherit',
+          overflowY: 'visible',
+        },
+      },
+    },
    ...(props.overrideThemeOptions || {}),
  });
  const { kind, name, namespace } = useRouteRefParams(rootDocsRouteRef);