remove actionbar in offline mode. update sidenav height when scrolling

gatsby-ssr.js

@@ -8,6 +8,7 @@ import redirectBasedOnLang from './src/utils/head-scripts/redirect-based-on-lang
 import { getHtmlLangFormat } from './src/utils/locale';
 import bindTabUI from './src/utils/head-scripts/offline-ui/tabs';
 import { isOfflineDocsBuild } from './src/utils/is-offline-docs-build';
+import updateSidenavHeight from './src/utils/head-scripts/offline-ui/sidenav';
 
 export const onRenderBody = ({ setHeadComponents, setHtmlAttributes }) => {
   const headComponents = [
@@ -98,6 +99,16 @@ export const onRenderBody = ({ setHeadComponents, setHtmlAttributes }) => {
         }}
       />
     );
+    headComponents.push(
+      <script
+        key="offline-sidenav-ui"
+        type="text/javascript"
+        dangerouslySetInnerHTML={{
+          // Call function immediately on load
+          __html: `!${updateSidenavHeight}()`,
+        }}
+      />
+    );
   }
   setHtmlAttributes({
     // Help work with translated content locally; Smartling should handle rewriting the lang

src/layouts/index.js

@@ -13,6 +13,7 @@ import { theme } from '../theme/docsTheme';
 import useSnootyMetadata from '../utils/use-snooty-metadata';
 import { useRemoteMetadata } from '../hooks/use-remote-metadata';
 import { getAllLocaleCssStrings } from '../utils/locale';
+import { isOfflineDocsBuild } from '../utils/is-offline-docs-build';
 
 // TODO: Delete this as a part of the css cleanup
 // Currently used to preserve behavior and stop legacy css
@@ -131,7 +132,7 @@ const DefaultLayout = ({ children, data: { page }, pageContext: { slug, repoBran
             <div />
           )}
           <StyledContentContainer>
-            <ActionBar template={template} slug={slug} sidenav={sidenav} />
+            {!isOfflineDocsBuild && <ActionBar template={template} slug={slug} sidenav={sidenav} />}
             <ContentTransition slug={slug}>{children}</ContentTransition>
           </StyledContentContainer>
         </GlobalGrid>