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

saquetim · July 22, 2025, 12:16am

The PR below will address this issue.

github.com/discourse/discourse

DEV: Ensure the collapsed content of quoted posts is decorated

main ← dev/decorate-quote-collapsed-content-properly

merged 12:50AM - 22 Jul 25 UTC

megothss

+681 -589

This PR refactors the `PostCookedHtml` and `PostQuotedContent` components to enh…ance how quoted posts are rendered and decorated. It introduces a new `className` prop for customizing the class of cooked HTML, and ensures collapsed quote content is consistently decorated with appropriate styles and structure. Key changes: - Adds a `className` argument to `PostCookedHtml`, allowing quoted content to have a distinct class for easier styling. - Updates `PostQuotedContent` to render collapsed and expanded quoted content through `PostCookedHtml`, ensuring consistent decoration and disabling selection barriers for quoted posts. - Refines decorator application logic in `PostCookedHtml` to conditionally apply selection barriers. - Improves CSS by targeting quoted content within blockquotes, ensuring top and bottom margins are correctly removed from child elements. - Updates acceptance tests to support both classic and glimmer post stream modes, verifying composer actions and quoted content behavior across modes.

Topic		Replies	Views
Older quotes category badge style UX completed	3	387	November 25, 2023
The curious case of the missing colour squares in Discourse's user activity UX hashtag-autocomplete , completed	5	536	November 10, 2023
Add color and subcategory styling to category and chat mentions UX hashtag-autocomplete	24	2339	December 26, 2022
Is something missing? Bug tags , tag-icons	3	69	December 29, 2025
Actions and markup: Icons vs Tags UX	18	1735	May 2, 2018

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

Related topics