@salesforcedevs/docs-components 1.3.227-dh6-alpha → 1.3.227-dh8-alpha

package/package.json

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

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

@@ -22,7 +22,7 @@ doc-breadcrumbs {
 
 dx-sidebar,
 dx-sidebar-old {
-    --dx-c-sidebar-vertical-padding: var(--dx-c-content-vertical-spacing);
+    --dx-c-sidebar-vertical-padding: var(--dx-g-spacing-md);
 
     z-index: calc(var(--dx-g-z-index-100) + 5);
 }

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

@@ -42,7 +42,6 @@ header:not(.has-brand) > .header_l2 {
 .has-brand .header_l2_group-title {
     padding: var(--dx-g-spacing-smd) var(--dx-g-spacing-xl)
         calc(var(--dx-g-spacing-smd - 1px)) 0;
-    min-width: 320px;
 }
 
 .no-header-content {
@@ -68,7 +67,7 @@ header:not(.has-brand) > .header_l2 {
         margin-right: 0;
         padding: var(--dx-g-spacing-sm) 0 2px
             var(--dx-g-global-header-padding-horizontal);
-        min-height: 41px;
+        height: 41px;
     }
 
     .header_l2_group-nav {
@@ -89,9 +88,8 @@ header:not(.has-brand) > .header_l2 {
 
     .has-brand .header_l2_group-title {
         margin-right: 0;
-        padding: var(--dx-g-spacing-sm) 0 2px
+        padding: var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-2xs)
             var(--dx-g-global-header-padding-horizontal);
-        min-height: 41px;
     }
 
     .has-scoped-nav-items > .header_l2 {

package/src/modules/doc/header/header.html

@@ -40,7 +40,7 @@
             </header>
         </dx-brand-theme-provider>
     </template>
-    <template if:false={shouldRender}>
+    <template if:true={showDocDivider}>
         <div class="no-header-content"></div>
     </template>
 </template>

package/src/modules/doc/header/header.ts

@@ -23,6 +23,8 @@ export default class Header extends HeaderBase {
     private _scopedNavItems!: OptionWithNested[];
     private tablet = false;
     private tabletMatchMedia!: MediaQueryList;
+    private shouldRender: boolean = false;
+    private showDocDivider: boolean = false;
 
     protected mobileBreakpoint(): string {
         return MOBILE_MATCH;
@@ -41,16 +43,22 @@ export default class Header extends HeaderBase {
         this.tabletMatchMedia.addEventListener("change", this.onTabletChange);
 
         if (
-            ((window.location.pathname.includes("/docs/") &&
+            (window.location.pathname.includes("/docs/") &&
                 window.location.pathname !== "/docs/apis") ||
-                window.location.pathname ===
-                    "/tableau/embedding-playground/overview" ||
-                window.location.host === "localhost:6006" ||
-                window.location.host === "dsc-components.herokuapp.com") &&
-            (this.brand || this.mobile)
+            window.location.pathname ===
+                "/tableau/embedding-playground/overview" ||
+            window.location.host === "localhost:6006" ||
+            window.location.host === "dsc-components.herokuapp.com"
         ) {
             this.shouldRender = true;
         }
+
+        if (this.shouldRender && window.location.pathname.includes("/docs/")) {
+            if (!this.brand && !this.mobile) {
+                this.shouldRender = false;
+                this.showDocDivider = true;
+            }
+        }
     }
 
     disconnectedCallback(): void {

package/src/modules/doc/xmlContent/xmlContent.html

@@ -6,7 +6,7 @@
         coveo-analytics-token={coveoAnalyticsToken}
         coveo-search-hub={coveoSearchHub}
         coveo-advanced-query-config={coveoAdvancedQueryConfig}
-        sidebar-header={projectTitle}
+        sidebar-header={docTitle}
         sidebar-content={sidebarContent}
         sidebar-value={sidebarValue}
         onselect={handleSelect}

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

@@ -44,7 +44,6 @@ export default class DocXmlContent extends LightningElementWithState<{
     @api coveoPublicAccessToken!: string;
     @api coveoAnalyticsToken!: string;
     @api coveoSearchHub!: string;
-    @api projectTitle!: string;
 
     @api
     get allLanguages(): Array<Language> {
@@ -546,8 +545,6 @@ export default class DocXmlContent extends LightningElementWithState<{
 
         if (this.docTitle) {
             this.pageHeader.subtitle = this.docTitle;
-            // eslint-disable-next-line @lwc/lwc/no-api-reassignments
-            this.projectTitle = this.docTitle;
         }
 
         if (this.pdfUrl) {