Brijesh619 opened a new pull request, #683:
URL: https://github.com/apache/atlas/pull/683
…cent Activity, Search Filters, and Popovers for long classification names
This PR fixes various UI layout breaks and text overflow issues caused by
exceptionally long classification, relationship, and entity names across the
Atlas React UI. Previously, when long strings were rendered in tables, modals,
or search filters, they would push UI boundaries outward, misalign grid/table
cells, or cause broken borders.
Specifically, this PR addresses the following areas:
**Statistics Modal (ClassificationStats, EntityStats, etc.)**: Fixed a UI
bug where the text-truncate utility class (which applies display: block
!important) was applied directly to MUI <TableCell> components, breaking the
table-layout. Text truncation is now safely wrapped in an inner <div>.
**Global Search & Quick Search Popovers:** Added proper max-width, flex
boundaries, and noWrap rules to ensure long term/classification dropdowns
truncate with an ellipsis (...) instead of overflowing the container.
Search Filters (FilterQuery): Ensured that active filter chips (Type,
Classification, Relationship, Term) do not break to new lines awkwardly or
expand endlessly.
**Modals & Dialogs (CustomModal, DialogShowMoreLess):** Title headers and
assignment texts now truncate appropriately with tooltips, preventing the close
button from being pushed out of view.
General Forms & Auto-completes: Wrapped types and tags in noWrap Typography
components.
Styles: Consolidated inline max-width styling (sx={{ maxWidth: "400px" }})
into centralized SCSS classes (e.g. .classification-name-cell) for better
maintainability.
**How was this patch tested?**
**Manual UI Testing:**
Created classifications, entities, and tags with 200+ character lengths.
Verified the Global Search dropdown remains within the viewport boundary
without horizontal scrollbars.
Opened the "Statistics" modal and confirmed the Table structures (Name /
Associated Entities) have aligned borders and no layout breakage.
Applied long tags in Search Filters and verified Chip dimensions and tooltip
displays.
Unit Tests: Ran the full Jest test suite (npm run test) to ensure component
logic (Filters, RelationshipFilters, TagFilters) remains unaffected. All tests
passed.
Build & Linter Check: npm run build, tsc, and eslint execute successfully
without regressions.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
