Skip to content

Update background color in v-table row component to use theme backgro…#26401

Merged
AlexGaillard merged 6 commits intodirectus:mainfrom
vdr-smartdev-trinh:fix(app)-25683
Jan 5, 2026
Merged

Update background color in v-table row component to use theme backgro…#26401
AlexGaillard merged 6 commits intodirectus:mainfrom
vdr-smartdev-trinh:fix(app)-25683

Conversation

@vdr-smartdev-trinh
Copy link
Contributor

@vdr-smartdev-trinh vdr-smartdev-trinh commented Dec 19, 2025

…und variable

Scope

What's changed:

  • Update background color in v-table row component to use theme background variable

Reproduce:

Screen.Recording.2025-12-19.at.16.03.11.mov

Fixed:

Screen.Recording.2025-12-19.at.16.04.55.mov

Fixes #25683

Copy link
Member

@licitdev licitdev left a comment

Choose a reason for hiding this comment

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

Thanks for investigating this! Modifying v-table affects all table usages across the app, which could introduce unintended side effects. Since this issue is specific to the M2M interface, the fix should be scoped to it directly.

@licitdev
Copy link
Member

licitdev commented Jan 5, 2026

@vdr-smartdev-trinh I think a simpler fix is to add the missing background from

background: var(--theme--background);
as list-o2m does not have this issue.

@vdr-smartdev-trinh
Copy link
Contributor Author

@vdr-smartdev-trinh I think a simpler fix is to add the missing background from

background: var(--theme--background);

as list-o2m does not have this issue.

thank for the feedback Ian, I have fixed it

Copy link
Member

@licitdev licitdev left a comment

Choose a reason for hiding this comment

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

LGTM 🚀
@vdr-smartdev-trinh Thanks!

Copy link
Member

@AlexGaillard AlexGaillard left a comment

Choose a reason for hiding this comment

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

LGTM

@AlexGaillard AlexGaillard merged commit 53f3aac into directus:main Jan 5, 2026
65 checks passed
@github-actions github-actions bot added this to the Next Release milestone Jan 5, 2026
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.

Styling of tables is missing cell background-color, allowing text to overlap

3 participants