@salesforcedevs/docs-components 1.3.194-9-cssalpha → 1.3.194-search-alpha

package/package.json

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

package/src/modules/doc/amfReference/amfReference.ts

@@ -1161,7 +1161,7 @@ export default class AmfReference extends LightningElement {
                         selectedItemMetaData.parentReferencePath,
                         selectedItemMetaData.meta
                     );
-                    this.updateNavTitleMetaTag(selectedItemMetaData.navTitle);
+                    this.updateTags(selectedItemMetaData.navTitle);
                 }
             });
         } else {
@@ -1276,7 +1276,7 @@ export default class AmfReference extends LightningElement {
                 referenceMeta
             );
             if (referenceDetails) {
-                this.updateNavTitleMetaTag(referenceDetails.topicTitle);
+                this.updateTags(referenceDetails.topicTitle);
             }
 
             this.versions = this.getVersions();
@@ -1304,13 +1304,33 @@ export default class AmfReference extends LightningElement {
         this.showVersionBanner = false;
     }
 
-    private updateNavTitleMetaTag(navTitle = ""): void {
+    private updateTags(navTitle = ""): void {
+        if (!navTitle) {
+            return;
+        }
+
         // this is required to update the nav title meta tag.
         // eslint-disable-next-line @lwc/lwc/no-document-query
         const metaNavTitle = document.querySelector('meta[name="nav-title"]');
-        if (metaNavTitle && navTitle) {
+        // eslint-disable-next-line @lwc/lwc/no-document-query
+        const titleTag = document.querySelector("title");
+        if (metaNavTitle) {
             metaNavTitle.setAttribute("content", navTitle);
         }
+
+        if (titleTag) {
+            let titleTagValue = titleTag.textContent;
+            const tagValues: string[] = titleTagValue?.split(" | ");
+            if (tagValues) {
+                if (tagValues.length <= 3) {
+                    titleTagValue = navTitle + " | " + titleTagValue;
+                } else {
+                    tagValues[0] = navTitle;
+                    titleTagValue = tagValues.join(" | ");
+                }
+            }
+            titleTag.textContent = titleTagValue;
+        }
     }
 
     onNavSelect(event: CustomEvent): void {
@@ -1353,7 +1373,7 @@ export default class AmfReference extends LightningElement {
                         this.coveoAnalyticsToken
                     );
                     this.updateUrlWithSelected(parentReferencePath, metaVal);
-                    this.updateNavTitleMetaTag(metadata.navTitle);
+                    this.updateTags(metadata.navTitle);
                 } else {
                     if (this.isParentReferencePath(name)) {
                         this.loadNewReferenceItem(name);

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

@@ -8,8 +8,6 @@ dx-logo {
 .header_l2 {
     justify-content: space-between;
     height: var(--dx-g-doc-header-main-nav-height);
-    padding-bottom: var(--dx-g-spacing-xs);
-    background: white;
 }
 
 .nav_menu-button {
@@ -19,24 +17,16 @@ dx-logo {
     );
 }
 
-.has-brand.has-scoped-nav-items {
-    border-bottom: 1px solid var(--dx-g-gray-90);
-    border-top: 1px solid var(--dx-g-gray-90);
-}
-
 .nav_menu-ctas {
     margin-right: var(--dx-g-spacing-sm);
 }
 
 header:not(.has-brand) > .header_l1 {
-    background: white;
-    border-bottom: 1px solid var(--dx-g-gray-90);
+    background: var(--dx-g-brand-current-color-background);
 }
 
 header:not(.has-brand) > .header_l2 {
-    border-bottom: 1px solid var(--dx-g-gray-90);
-    border-top: 1px solid var(--dx-g-gray-90);
-    padding-bottom: var(--dx-g-spacing-lg);
+    background: var(--dx-g-brand-current-color-background-2);
 }
 
 .header_l2_group.header_l2_group-right-ctas {
@@ -113,11 +103,6 @@ header:not(.has-brand) > .header_l2 {
     }
 
     .has-scoped-nav-items .header_l2_group-title {
-        border-bottom: 1px solid var(--dx-g-gray-90);
-        padding-bottom: calc(var(--dx-g-spacing-md) + 2px);
-    }
-
-    header:not(.has-brand) > .header_l2 {
-        padding-bottom: 0;
+        border-bottom: 1px solid var(--dx-g-brand-current-color-border-2);
     }
 }

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

@@ -14,9 +14,9 @@
                                 if:true={isValidBrand}
                                 sprite="salesforcebrand"
                                 symbol={brand}
-                                size="large"
+                                size="xlarge"
                             ></dx-icon>
-                            <span class="subtitle dx-text-display-7">
+                            <span class="subtitle dx-text-display-6">
                                 {subtitle}
                             </span>
                         </a>