Merge pull request #309 from thoughtspot/SCAL-240040

SCAL-240040 Move the developer doc body below the heading

Author: adityamittal3107

.snyk

@@ -0,0 +1,10 @@
+# Snyk (https://snyk.io) policy file, patches or ignores known vulnerabilities.
+version: v1.25.1
+# ignores vulnerabilities until expiry date; change duration by modifying expiry date
+ignore:
+  'snyk:lic:npm:vercel:analytics:MPL-2.0':
+    - '*':
+        reason: 'MPL-2.0 license is acceptable for our use case'
+        expires: 2025-07-26T20:33:41.647Z
+        created: 2024-03-27T20:33:41.649Z
+patch: {} 

src/components/DevDocTemplate/index.tsx

@@ -522,6 +522,7 @@ const DevDocTemplate: FC<DevDocTemplateProps> = (props) => {
                 id="wrapper"
                 data-theme={isDarkMode ? 'dark' : 'light'}
                 key={key}
+                style={{ height: '100vh', overflow: 'hidden' }}
             >
                 {isPublicSiteOpen && (
                     <Header
@@ -534,7 +535,10 @@ const DevDocTemplate: FC<DevDocTemplateProps> = (props) => {
                     ref={ref as React.RefObject<HTMLDivElement>}
                     className={getClassName()}
                     style={{
-                        height: !docContent && MAIN_HEIGHT_WITHOUT_DOC_CONTENT,
+                        height: !docContent
+                            ? MAIN_HEIGHT_WITHOUT_DOC_CONTENT
+                            : 'calc(100vh - 60px)',
+                        overflow: 'auto',
                     }}
                 >
                     {isPlayGround ? renderPlayGround() : renderDocTemplate()}