[ 
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)

Reply via email to