Skip to content

fix[plugin][commerceLayer]: ENG-11355 improve truncation of field labels in commerce layer plugin#4477

Merged
AishwaryaParab merged 3 commits intomainfrom
ENG-11355_improve_truncation_of_field_labels
Apr 6, 2026
Merged

fix[plugin][commerceLayer]: ENG-11355 improve truncation of field labels in commerce layer plugin#4477
AishwaryaParab merged 3 commits intomainfrom
ENG-11355_improve_truncation_of_field_labels

Conversation

@AishwaryaParab
Copy link
Copy Markdown
Contributor

@AishwaryaParab AishwaryaParab commented Apr 2, 2026

Description

Long SKU and Bundle names were being truncated too aggressively in the Commerce Layer plugin UI, even when there was enough horizontal space to display more of the label. This PR fixes that issue.

The textOverflow: 'ellipsis' and whiteSpace: 'nowrap' are still in place, so long names will truncate gracefully.

Screenshot
https://www.loom.com/share/138a0db3ae844a8ebbed8273518d1e4c


Note

Low Risk
Low risk UI-only change that adjusts text layout and adds a tooltip; no data flow or business logic is affected.

Overview
Improves how resource labels truncate in ResourcePreviewCell by removing the fixed maxWidth: 400 constraint and letting the label use the full available width (width: '100%').

Adds a title attribute so the full resource label (or title - id) is available on hover when the text is ellipsized.

Reviewed by Cursor Bugbot for commit 2cdd470. Bugbot is set up for automated code reviews on this repo. Configure here.

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 2, 2026

⚠️ No Changeset found

Latest commit: 2cdd470

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Apr 2, 2026

View your CI Pipeline Execution ↗ for commit 2cdd470

Command Status Duration Result
nx test @snippet/react ✅ Succeeded 2m 52s View ↗

☁️ Nx Cloud last updated this comment at 2026-04-06 07:07:33 UTC

@AishwaryaParab AishwaryaParab requested review from a team and midhunadarvin and removed request for a team April 2, 2026 12:36
@AishwaryaParab AishwaryaParab merged commit 89d4a1e into main Apr 6, 2026
138 of 140 checks passed
@AishwaryaParab AishwaryaParab deleted the ENG-11355_improve_truncation_of_field_labels branch April 6, 2026 07:07
AishwaryaParab added a commit that referenced this pull request Apr 6, 2026
…ommercelayer (#4502)

## Description

Bump up versions of plugin-tools and commerce layer plugin. Note that
the version of plugin-tools was 0.0.7 on npm but wasn't updated in the
code. That's why, we're now bumping it to 0.0.8.

Related PR (merged): #4477

_Screenshot_
N/A

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> **Low Risk**
> Low risk version bump touching only package metadata and lockfiles;
main risk is dependency resolution/publishing consistency for
`@builder.io/plugin-tools` in the Commerce Layer plugin.
> 
> **Overview**
> Bumps `@builder.io/plugin-tools` from `0.0.6` to `0.0.8` (package +
lockfile).
> 
> Releases `@builder.io/plugin-commercelayer` `0.1.4` and pins its
dependency on `@builder.io/plugin-tools` to `0.0.8` (was `^0.0.6`),
updating the corresponding `package-lock.json` resolved
tarball/integrity.
> 
> <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit
b96178d. Bugbot is set up for automated
code reviews on this repo. Configure
[here](https://www.cursor.com/dashboard/bugbot).</sup>
<!-- /CURSOR_SUMMARY -->
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