fix(ui5-responsive-popover): fix header text alignment (#9501)

* fix(ui5-responsive-popover): fix header text alignment
SAP · Aug 1, 2024 · 85424ef · 85424ef
1 parent c3f51a3
commit 85424ef
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/main/src/themes/PopupsCommon.css b/packages/main/src/themes/PopupsCommon.css
@@ -60,15 +60,15 @@
 }
 
 :host([header-text]) .ui5-popup-header-text {
-    text-align: center;
     min-height: var(--_ui5_popup_default_header_height);
     max-height: var(--_ui5_popup_default_header_height);
     line-height: var(--_ui5_popup_default_header_height);
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     max-width: 100%;
-    display: inline-block;
+    display: inline-flex;
+    justify-content: var(--_ui5_popup_header_prop_header_text_alignment);
 }
 
 :host([header-text]) .ui5-popup-header-root {

diff --git a/packages/main/src/themes/ResponsivePopover.css b/packages/main/src/themes/ResponsivePopover.css
@@ -11,7 +11,7 @@
 .ui5-responsive-popover-header {
 	height: var(--_ui5-responsive_popover_header_height);
 	display: flex;
-	justify-content: space-between;
+	justify-content: var(--_ui5_popup_header_prop_header_text_alignment);
 	align-items: center;
 	width: 100%;
 }