@salesforcedevs/docs-components 1.3.120-alpha.2 → 1.3.120-alpha.4

package/package.json

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

package/src/modules/doc/contentLayout/contentLayout.css

@@ -101,10 +101,6 @@ dx-toc {
         overflow-x: auto;
     }
 
-    .sidebar-open {
-        height: 0;
-    }
-
     .left-nav-bar {
         height: unset;
         z-index: 10;

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

@@ -128,10 +128,7 @@ export default class ContentLayout extends LightningElement {
     }
 
     get contentBodyClass(): string {
-        return cx(
-            "content-body-container",
-            this.sidebarOpen ? "sidebar-open" : ""
-        );
+        return cx("content-body-container");
     }
 
     connectedCallback(): void {
@@ -162,7 +159,6 @@ export default class ContentLayout extends LightningElement {
         this.adjustNavPosition();
         window.addEventListener("scroll", this.adjustNavPosition);
         window.addEventListener("resize", this.adjustNavPosition);
-        window.addEventListener("resize", this.checkSidebarOpen);
 
         if (!this.hasRendered) {
             this.hasRendered = true;
@@ -178,7 +174,6 @@ export default class ContentLayout extends LightningElement {
         );
         window.removeEventListener("scroll", this.adjustNavPosition);
         window.removeEventListener("resize", this.adjustNavPosition);
-        window.removeEventListener("resize", this.checkSidebarOpen);
         this.searchSyncer.dispose();
         this.clearRenderObserverTimer();
 
@@ -406,15 +401,11 @@ export default class ContentLayout extends LightningElement {
     private onToggleSidebar(e: CustomEvent): void {
         this.sidebarOpen = e.detail.open;
 
-        if (e.detail.open) {
-            window.scrollTo(0, 0);
-        }
-    }
+        // eslint-disable-next-line @lwc/lwc/no-document-query
+        const footer = document.querySelector("dx-footer") as HTMLElement;
 
-    // since the content body is set to a height of 0 when the sidebar is open, we need to reset the sidebarOpen state when the window is resized
-    private checkSidebarOpen = (): void => {
-        if (window.innerWidth > 769) {
-            this.sidebarOpen = false;
+        if (footer) {
+            footer.style.display = this.sidebarOpen ? "none" : "block";
         }
-    };
+    }
 }