Skip to content

ATLAS-5306: Atlas React UI: SearchResult Table: Classification toolti…#665

Open
Brijesh619 wants to merge 1 commit into
apache:masterfrom
Brijesh619:ATLAS-5306
Open

ATLAS-5306: Atlas React UI: SearchResult Table: Classification toolti…#665
Brijesh619 wants to merge 1 commit into
apache:masterfrom
Brijesh619:ATLAS-5306

Conversation

@Brijesh619

@Brijesh619 Brijesh619 commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

UI & Layout Improvements (DialogShowMoreLess)

Chip Sizing & Truncation: Reduced the maximum chip width from 200px to 100px. Added proper text truncation (overflow: hidden, textOverflow: ellipsis, whiteSpace: nowrap) to ensure long text in chips is handled gracefully without overflowing boundaries.
Tag List Layout: Refactored the tag-list container to dynamically switch to a structured CSS Grid layout when isShowMoreLess is true, ensuring proper alignment of elements instead of relying purely on flex-wrapping.
Icon Alignment: Prevented the More Options and Add icons from shrinking when the container lacks space by adding flexShrink: 0 and optimizing padding.
Label Resolution: Updated the getLabel logic to appropriately reuse the checkSuperTypes utility for both "Classification" and "Propagated Classification" column types.
Toast Messaging: Improved the string formatting of the success toast message when a term/association is successfully removed.
Search Results Table (SearchResult)

Column Sizing: Explicitly defined a column size of 100 for both the Owner and Type columns in the Search Results table.
Table Wrapper: Wrapped the component in a new search-result-table-wrapper container to provide better structural styling control.
Code Cleanup: Refactored and cleaned up the class name interpolation for the entity Link component.

@Brijesh619

Copy link
Copy Markdown
Contributor Author
Screenshot from 2026-06-09 15-50-07

@Brijesh619

Brijesh619 commented Jun 9, 2026

Copy link
Copy Markdown
Contributor Author
image

@Brijesh619

Copy link
Copy Markdown
Contributor Author
Screenshot from 2026-06-09 17-29-05


const getLabel = (label: string, optionalLabel?: string) => {
if (columnVal == "Classifications" || columnVal == "self") {
if (colName == "Classification") {

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit; better to use const or enum insted of string "Classification"

import { fetchGlossaryData } from "@redux/slice/glossarySlice";

const CHIP_MAX_WIDTH = "200px";
const CHIP_MAX_WIDTH = "100px";

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit; Better to use rem

@kevalbhatt kevalbhatt left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

found few nit and clean

className="tag-list"
style={{ flexWrap: isShowMoreLess ? "nowrap" : "wrap" }}
style={
isShowMoreLess

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why not to use https://mui.com/system/flexbox/?
inline style is not good

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants