Motivation
News articles are authored using a rich text editor that supports headings, bullet lists, numbered lists, and blockquotes. However, the public-facing article view (/news/[id]) renders the stored HTML through an HtmlContent component with className="prose max-w-none". The prose class requires the @tailwindcss/typography plugin, which is not installed — so all formatting is visually stripped and the content displays as unstyled plain text.
Deliverables
- Install
@tailwindcss/typography and register it in frontend/tailwind.config.ts
- Verify that headings, bullet lists, ordered lists, and blockquotes render correctly on the
/news/[id] public article page
Important Notes
- The admin-side
RichTextEditor component has its own inline Tailwind styles and is not affected by this change
- The same
HtmlContent component is used in other places (e.g. legislation, action descriptions); audit whether those also benefit from the prose class or need their own styling
Motivation
News articles are authored using a rich text editor that supports headings, bullet lists, numbered lists, and blockquotes. However, the public-facing article view (
/news/[id]) renders the stored HTML through anHtmlContentcomponent withclassName="prose max-w-none". Theproseclass requires the@tailwindcss/typographyplugin, which is not installed — so all formatting is visually stripped and the content displays as unstyled plain text.Deliverables
@tailwindcss/typographyand register it infrontend/tailwind.config.ts/news/[id]public article pageImportant Notes
RichTextEditorcomponent has its own inline Tailwind styles and is not affected by this changeHtmlContentcomponent is used in other places (e.g. legislation, action descriptions); audit whether those also benefit from theproseclass or need their own styling