[
https://issues.apache.org/jira/browse/ATLAS-5376?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Brijesh Bhalala updated ATLAS-5376:
-----------------------------------
Summary: Atlas UI: Relationship cards layout breaking, overlapping, and
tooltip placement issues with long entity names (React & Classic UI) (was:
Atlas React UI: Relationship cards (Inputs/Outputs) overlap subsequent list
items in the Relationships tab)
> Atlas UI: Relationship cards layout breaking, overlapping, and tooltip
> placement issues with long entity names (React & Classic UI)
> -----------------------------------------------------------------------------------------------------------------------------------
>
> Key: ATLAS-5376
> URL: https://issues.apache.org/jira/browse/ATLAS-5376
> Project: Atlas
> Issue Type: Bug
> Components: atlas-core
> Affects Versions: 3.0.0, 2.5.0
> Reporter: Brijesh Bhalala
> Assignee: Brijesh Bhalala
> Priority: Major
> Labels: atlas-react
> Attachments: image.png
>
>
> On the Entity Detail page, when viewing the "Relationships" tab for an entity
> (such as a {{{}hive_process{}}}), attributes that are rendered as cards
> (e.g., {{Inputs}} and {{{}Outputs{}}}) fail to push down the subsequent
> content. As a result, the cards overlap and obscure the text of the
> relationship items below them, making them unreadable and breaking the layout.
> *Steps to Reproduce:*
> # Navigate to the Entity Detail page for an entity that contains both
> card-based relationships (like {{Inputs}} and {{{}Outputs{}}}) and standard
> text relationships (e.g., a {{{}hive_process{}}}).
> # Switch to the *Relationships* tab.
> # Observe the layout of the relationship list.
> *Expected Behavior:* The parent container or row for the relationship cards
> should expand its height to accommodate the cards. Subsequent relationship
> items should be pushed down so that no overlapping occurs.
> *Actual Behavior:* The {{Inputs}} and {{Outputs}} cards overflow their
> vertical space and visually overlap the relationship text directly below them
> (such as the {{hive_column_lineage}} relationships).
> *Environment/Context:*
> * Component: {{RelationshipsTab}} / {{RelationshipCard}}
> * The issue is likely caused by missing clearing elements, fixed heights on
> rows, or absolute positioning on the card components.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)