@salesforcedevs/docs-components 1.3.300-scroll-alpha3 → 1.3.300-scroll-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.300-scroll-alpha3",
+    "version": "1.3.300-scroll-alpha4",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/contentLayout/contentLayout.ts

@@ -219,7 +219,7 @@ export default class ContentLayout extends LightningElement {
             this.template.querySelector("[name=doc-phase]")! as any
         ).assignedElements()[0] as HTMLSlotElement;
 
-        if(!docPhaseEl) {
+        if (!docPhaseEl) {
             docPhaseEl = (
                 this.template.querySelector("[name=version-banner]")! as any
             ).assignedElements()[0] as HTMLSlotElement;
@@ -237,7 +237,7 @@ export default class ContentLayout extends LightningElement {
                 (globalNavEl.getBoundingClientRect().height !== 72 ? 0 : 72) +
                 contextNavEl.getBoundingClientRect().height;
             const docHeaderHeight = docHeaderEl.getBoundingClientRect().height;
-            const totalHeaderHeight = globalNavHeight + docHeaderHeight + 40;
+            const totalHeaderHeight = globalNavHeight + docHeaderHeight;
 
             // Selecting the doc section heading and RNB here.
             const docHeadingEls = Array.from(
@@ -260,9 +260,10 @@ export default class ContentLayout extends LightningElement {
                 (docHeadingEl as any).style.scrollMarginTop = docPhaseEl
                     ? `${
                           totalHeaderHeight +
-                          docPhaseEl.getBoundingClientRect().height
+                          docPhaseEl.getBoundingClientRect().height +
+                          40
                       }px`
-                    : `${totalHeaderHeight}px`;
+                    : `${totalHeaderHeight + 40}px`;
             });
 
             // Adjusting the right nav bar on scroll.