fix: resolve dashboard card layout broken by long translations in Russian locale

[himanshu748]

Summary

In the Russian locale, the dashboard entity card label (Типы объектов / Дашборды) is longer than the fixed maximum width of the header container (148px). Since the text rendering elements forced whitespace on a single unbroken line (whitespace-nowrap), the text was spilling outside the layout boundaries, breaking the card's alignment and overlapping adjacent UI elements.

Root Cause

Typography.Text and span elements rendering the labels within ExtraInfoLabel and ExtraInfoLink components (/utils/DataAssetsHeader.utils.tsx) lacked proper text wrapping and truncation methods. The parent container had a whitespace-nowrap utility class, breaking the layout limits globally.

Fix

• Removed the whitespace-nowrap class from the parent flex container in ExtraInfoLabel.
• Replaced the standard <span className="extra-info-label-heading">{label}</span> elements with Ant Design Component <Typography.Text className="extra-info-label-heading" ellipsis={{ tooltip: true }}>{label}</Typography.Text> in both ExtraInfoLabel and ExtraInfoLink.
• This safely constrains long text to the 148px boundary and gracefully presents an ellipsis when overlapping, showing the full translated translation in the tooltip.

Testing

• Tested UI component utilities locally to verify compilation success.
• Changes leverage strictly Ant Design components, guaranteeing default UI alignments and consistent text truncation.

Fixes #24699

AI Disclosure

This contribution was developed with the assistance of Antigravity, an AI coding assistant by Google DeepMind.

[github-actions]

Hi there 👋 Thanks for your contribution!

The OpenMetadata team will review the PR shortly! Once it has been labeled as safe to test, the CI workflows
will start executing and we'll be able to make sure everything is working as expected.

Let us know if you need any help!

[Copilot]

Pull request overview

Fixes the dashboard entity header/card layout breaking in the Russian locale by preventing long translated labels from overflowing the fixed-width extra-info header area.

Changes:

• Removed whitespace-nowrap from the ExtraInfoLabel wrapper so the container no longer forces a single unbroken line.
• Switched label rendering in ExtraInfoLabel and ExtraInfoLink from plain <span> to Typography.Text with ellipsis={{ tooltip: true }} for truncation + tooltip.

[Copilot]

ExtraInfoLink now applies ellipsis={{ tooltip: true }} to the label unconditionally, even when the ellipsis prop is false. This makes the prop’s behavior inconsistent (it currently only controls adding w-48) and can unexpectedly truncate labels in callers that didn’t opt into ellipsis. Consider applying the label ellipsis conditionally based on the ellipsis prop (or rename/remove the prop if the intent is to always truncate labels).

Suggested change

	ellipsis={{ tooltip: true }}>
	ellipsis={ellipsis ? { tooltip: true } : false}>

[github-actions]

Hi there 👋 Thanks for your contribution!

The OpenMetadata team will review the PR shortly! Once it has been labeled as safe to test, the CI workflows
will start executing and we'll be able to make sure everything is working as expected.

Let us know if you need any help!

[gitar-bot]

Code Review ✅ Approved

Dashboard card layout is now preserved during long Russian translations by applying overflow-wrap and text-ellipsis styling. No issues found.

Options

Display: compact → Showing less information.

Comment with these commands to change:

Compact

gitar display:verbose

_{Was this helpful? React with 👍 / 👎 | Gitar}