fix(ui5-dynamic-page-title): separator fixed (#9621)

Co-authored-by: PetyaMarkovaBogdanova <[email protected]>
SAP · Aug 2, 2024 · 5240c0b · 5240c0b
1 parent 3eecdf8
commit 5240c0b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/fiori/src/DynamicPageTitle.hbs b/packages/fiori/src/DynamicPageTitle.hbs
@@ -34,7 +34,9 @@
       style="{{styles.actions}}">
       <slot name="actionsBar"></slot>
       {{#unless mobileNavigationActions}}
-        <div class="ui5-dynamic-page-title--actions-separator"></div>
+        {{#if _needsSeparator}}
+          <div class="ui5-dynamic-page-title--actions-separator"></div>
+        {{/if}}
         <slot name="navigationBar"></slot>
       {{/unless}}
     </div>

diff --git a/packages/fiori/src/DynamicPageTitle.ts b/packages/fiori/src/DynamicPageTitle.ts
@@ -259,6 +259,10 @@ class DynamicPageTitle extends UI5Element {
 		}
 	}
 
+	get _needsSeparator() {
+		return (this.navigationBar.length && this.actionsBar.length);
+	}
+
 	prepareLayoutActions() {
 		// all navigation/layout actions should have the NeverOverflow behavior
 		const navigationBar = this.querySelector<Toolbar>("[ui5-toolbar][slot='navigationBar']");