@salesforcedevs/docs-components 1.3.194-docfooter6-alpha → 1.3.194-docfooter8-alpha

package/package.json

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

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

@@ -9,7 +9,6 @@
                 var(--dx-g-global-header-height) + var(--dx-g-doc-header-height)
             )
     );
-    --dx-c-footer-nosignup-height: 452px;
 
     display: block;
 }
@@ -62,9 +61,10 @@ dx-toc {
     flex-direction: row;
     justify-content: center;
     max-width: var(--dx-g-doc-content-max-width);
-    min-height: calc(100vh - var(--dx-c-footer-nosignup-height));
+    min-height: 100vh;
     margin: auto;
     padding: 0 var(--dx-g-global-header-padding-horizontal);
+    margin-bottom: calc(2 * (var(--dx-g-spacing-5xl) + 4px));
 }
 
 .content-body {
@@ -108,6 +108,7 @@ dx-toc {
     .content-body-container {
         padding-right: 0;
         overflow-x: auto;
+        margin-bottom: calc(var(--dx-g-spacing-5xl) + 4px);
     }
 
     .left-nav-bar {

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

@@ -165,7 +165,6 @@ export default class DocXmlContent extends LightningElementWithState<{
             this.apiDomain,
             this.allLanguages
         );
-        this.hidePageFooter();
         this.fetchDocument().then(() => (this.loaded = true));
         window.addEventListener("popstate", this.handlePopState);
 
@@ -767,16 +766,4 @@ 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";
-        }
-    }
 }