Skip to content

fix(edit-content): relationship field UI improvements#35223

Merged
oidacra merged 4 commits intomainfrom
issue-33066-relationship-field-feedbacks
Apr 7, 2026
Merged

fix(edit-content): relationship field UI improvements#35223
oidacra merged 4 commits intomainfrom
issue-33066-relationship-field-feedbacks

Conversation

@oidacra
Copy link
Copy Markdown
Member

@oidacra oidacra commented Apr 6, 2026

Summary

  • Filters popover width now matches the search input dynamically instead of fixed w-96
  • Remove extra padding on filter button addon for cleaner hover state
  • Delete button (X) only visible on row hover (new table standard)
  • Replace pi-bars drag handle with standard 6-dot grip icon (double pi-ellipsis-v)
  • Reduce action column width from w-16 to w-10
  • Right-align Status column header and chip to reduce visual gap
  • Add contentlet thumbnail preview in the relationship table title column for image content types
  • Enable row hover highlighting in the relationship field table
  • Unify thumbnail styling in the selection dialog (larger size with rounded corners)
  • Add missing JSDoc to #onTouched in language field component

Test plan

  • Open relationship field table → drag handle shows 6-dot grip icon, always visible
  • Hover over a row → delete (X) button appears; move away → it hides
  • Hover over a row → row background highlights
  • Relate an image content → thumbnail preview appears next to the title
  • Relate a non-image content (e.g. Blog) → only text title shown, no icon/thumbnail
  • Open "Add Related Content" dialog → thumbnails show with rounded corners and gray background
  • Open "Add Related Content" dialog → click filter button → popover matches search input width
  • Filter button hover state covers the full addon area without extra padding
  • Status column header and chip are right-aligned

Closes #33066

This PR fixes: #33066

@github-actions github-actions bot mentioned this pull request Apr 6, 2026
4 tasks
@github-actions github-actions bot added the Area : Frontend PR changes Angular/TypeScript frontend code label Apr 6, 2026
@claude
Copy link
Copy Markdown
Contributor

claude bot commented Apr 6, 2026

Claude finished @oidacra's task in 2m 7s —— View job


Claude finished @oidacra's task in 1m 1s —— View job


I'll analyze this and get back to you.

@oidacra oidacra requested review from hmoreras and nicobytes April 6, 2026 19:23
@oidacra oidacra marked this pull request as draft April 6, 2026 19:24
@oidacra oidacra changed the base branch from main to issue-33529-feature-auto-populate-select-site-folder April 6, 2026 19:25
@oidacra oidacra force-pushed the issue-33529-feature-auto-populate-select-site-folder branch from f7f1194 to 61b538f Compare April 6, 2026 20:19
Base automatically changed from issue-33529-feature-auto-populate-select-site-folder to main April 7, 2026 15:51
oidacra added 2 commits April 7, 2026 12:31
- Filters popover width now matches the search input dynamically
- Remove extra padding on filter button addon for cleaner hover state
- Delete button (X) only visible on row hover
- Replace pi-bars drag handle with standard 6-dot grip icon
- Reduce action column width from w-16 to w-10
- Right-align Status column header and chip

Closes #33066
…p field table

Add contentlet thumbnail next to the title in the relationship field
table, matching the selection dialog's visual pattern. Also enable
row hover highlighting and unify thumbnail styling across both views.
@oidacra oidacra force-pushed the issue-33066-relationship-field-feedbacks branch from 331adac to 40cc585 Compare April 7, 2026 16:39
@oidacra oidacra marked this pull request as ready for review April 7, 2026 16:42
oidacra added 2 commits April 7, 2026 12:42
…e content

Only render the contentlet thumbnail when the item has a title image,
keeping a clean text-only display for non-image content types.
@oidacra oidacra enabled auto-merge April 7, 2026 16:46
@oidacra oidacra added this pull request to the merge queue Apr 7, 2026
Merged via the queue into main with commit 7a8b390 Apr 7, 2026
28 checks passed
@oidacra oidacra deleted the issue-33066-relationship-field-feedbacks branch April 7, 2026 18:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI: Safe To Rollback Area : Frontend PR changes Angular/TypeScript frontend code

Projects

Status: No status

Development

Successfully merging this pull request may close these issues.

Relationship Field Feedbacks

2 participants