@salesforcedevs/docs-components 1.3.194-docfooter2-alpha → 1.3.194-docfooter4-alpha

package/package.json

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

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

@@ -9,6 +9,7 @@
                 var(--dx-g-global-header-height) + var(--dx-g-doc-header-height)
             )
     );
+    --dx-c-footer-nosignup-height: 452px;
 
     display: block;
 }
@@ -61,7 +62,7 @@ dx-toc {
     flex-direction: row;
     justify-content: center;
     max-width: var(--dx-g-doc-content-max-width);
-    min-height: 300px;
+    min-height: calc(100vh - var(--dx-c-footer-nosignup-height));
     margin: auto;
     padding: 0 var(--dx-g-global-header-padding-horizontal);
 }

package/src/modules/doc/contentLayout/contentLayout.html

@@ -48,7 +48,7 @@
                     ></dx-toc>
                 </div>
             </div>
-            <div if:false={isXMLDoc} class="footer-container">
+            <div class="footer-container">
                 <dx-footer variant="no-signup"></dx-footer>
             </div>
         </div>

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

@@ -93,10 +93,6 @@ export default class ContentLayout extends LightningElement {
         return this.contentLoaded && typeof Sprig !== "undefined";
     }
 
-    get isXMLDoc(): boolean {
-        return this.sidebarHeader === "Pages";
-    }
-
     private searchSyncer = new SearchSyncer({
         callbacks: {
             onSearchChange: (nextSearchString: string): void => {

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -165,6 +165,7 @@ export default class DocXmlContent extends LightningElementWithState<{
             this.apiDomain,
             this.allLanguages
         );
+        this.hidePageFooter();
         this.fetchDocument().then(() => (this.loaded = true));
         window.addEventListener("popstate", this.handlePopState);
 
@@ -766,4 +767,16 @@ export default class DocXmlContent extends LightningElementWithState<{
             headTag[0].appendChild(robotsMeta);
         }
     }
+
+    /** Now footer for /docs will be part of content-layout. As XML docs are rendered using base.njk
+     * which bydefault has the footer, we need a hide the page footer.
+     */
+    private hidePageFooter(): void {
+        const footerEle = document.querySelector(
+            ".footer-container"
+        ) as HTMLElement;
+        if (footerEle) {
+            footerEle.style.display = "none";
+        }
+    }
 }