Category and tag badges are misaligned and lose their colour in quotes

AI-generated summary

The discussion addresses an issue where category and tag badges lose their color and become misaligned when displayed within quotes. JammyDodger and Moin provide screenshots showing the problem in both regular quotes and edit histories. Chapoi identifies the root cause as a CSS class difference between normal rendering and quote environments, suggesting it’s a styling issue. Saquetim confirms a fix is underway with a linked pull request. JammyDodger notes the fix resolves the issue in quotes, though some misalignment remains in edit histories, which are less prominent.

Title says it all really. :slight_smile:

But here’s a screenshot to provide some extra visuals:

Should a deactivated user receive an email? - #21 by JammyDodger

3 Likes

Also spotted this in edit history as well:

Purge/clean/delete deleted topics from database - #4 by JammyDodger

This also affects tags:

How plugins moving to core is communicated - #12 by JammyDodger

2 Likes

I don’t think this is a design issue, the “normal” rendering has different classes, including the one providing colour:

While the ones in the quote doesn’t and instead has some placeholder class on the parent

So think this is a cooking matter. @martin wdyt?

1 Like

The PR below will address this issue.

https://github.com/discourse/discourse/pull/33740

3 Likes

It’s looking good for both categories and tags in quotes. :tada:

It’s still a bit wonky in the edit histories, but it’s more tucked out of the way in those.