@salesforcedevs/docs-components 1.3.106-alpha.1 → 1.3.106-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.106-alpha.1",
+    "version": "1.3.106-alpha.3",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

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

@@ -185,6 +185,10 @@ export default class ContentLayout extends LightningElement {
         }
     };
 
+    /* 
+        This is a workaround for the global nav sticky header being decoupled from the doc header & doc phase.
+        We have to account for the global nav changing height due to animations.
+    */
     adjustNavPosition = () => {
         const sidebarType = this.useOldSidebar
             ? "dx-sidebar-old"
@@ -219,11 +223,16 @@ export default class ContentLayout extends LightningElement {
             `${globalNavHeight}px`
         );
 
+        // If doc phase element exists, we need to account for its sticky position. Mobile should include the sidebar height (since it becomes sticky aswell).
         if (docPhaseEl) {
             docPhaseEl.style.setProperty(
                 "--doc-c-phase-top",
                 `${
-                    globalNavHeight + docHeaderHeight + sidebarEl.offsetHeight
+                    window.innerWidth <= 769
+                        ? globalNavHeight +
+                          docHeaderHeight +
+                          sidebarEl.offsetHeight
+                        : globalNavHeight + docHeaderHeight
                 }px`
             );
         }

package/src/modules/doc/header/header.css

@@ -84,7 +84,6 @@ header:not(.has-brand) > .header_l2 {
     }
 
     .header_l2_group-title {
-        height: var(--dx-g-doc-header-main-nav-height);
         margin-right: 0;
         padding: var(--dx-g-spacing-smd)
             var(--dx-g-global-header-padding-horizontal);