Long instance names span across multiple rows in a site's UI header

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.0 DXP FP87
• Fix Version/s: 7.0.0 DXP FP89, 7.0.10.13 DXP SP13, 7.0.X
• Component/s: ~ [Archived] Frontend Infrastructure
• Labels:
  • ee-ts
  • liferay-dxp-70-sp13
  • liferay-fixpack-de-89-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Fix Priority: 4

Description

When an instance name is greater than ~20 characters (with spaces), it will wrap onto a second row in the UI Title Header and parts of the sidebar will be hidden (either the instance name, or the "Control Panel" bar in the sidebar, with slightly different behaviors depending on the browser in use). If there are no spaces in the long title, the whole title gets pushed to the second row (below the Liferay logo).

Steps to Reproduce

Originally tested on a 7.0 bundle patched to de-87:
1. Sign in, then navigate to Control Panel > Configuration > Instance Settings
2. In the General > Main Configuration tab, change the name to "Liferay DXP Long Instance Name Test"

Results of Testing

Expected Result: The instance name would stay on one line and not cause any unexpected UI breaks
Actual Result: The instance name wraps onto a second line, lengthening the blue box surrounding the title and causing the text to be partially hidden by the sidebar

Errors/Logs

No errors

 

Original Ticket

Previously fixed in LPS-81907 for CE theme, but was not applied to DXP theme which is causing this issue