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

opened 10:05PM - 21 Jul 25 UTC

megothss

+682 -590

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	377	November 25, 2023
Quote formatting of support category template Site feedback	0	20	September 23, 2025
The curious case of the missing colour squares in Discourse's user activity UX hashtag-autocomplete , completed	5	534	November 10, 2023
Add color and subcategory styling to category and chat mentions UX hashtag-autocomplete	24	2266	December 26, 2022
Actions and markup: Icons vs Tags UX	18	1705	May 2, 2018

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

Related topics