main ← better-solution-excerpt
opened 09:29PM - 08 Dec 25 UTC
Previously, solution excerpts shown in the OP used PrettyText.excerpt() which st…ripped all HTML formatting - code blocks, images, quotes, and other rich content were reduced to plain text, making technical solutions difficult to read.
Now the full cooked content is sent to the client, preserving all formatting. The excerpt is displayed in a collapsed state by default with a max-height and gradient fade, expandable via toggle. This keeps the UI compact while allowing users to see properly formatted solutions.
Changes:
- Use answer_post.cooked instead of PrettyText.excerpt() in topic_extension.rb
- Rewrite SolvedAcceptedAnswer component with self-contained expand/collapse
- Add CSS for collapsed state (max-height: 300px with gradient overlay)
- Add system specs for code block and image preservation
**BEFORE**
<img width="1488" height="1284" alt="BEFORE" src="https://github.com/user-attachments/assets/ec9e5932-62bb-4b6a-9a15-5efe5af2881c" />
**AFTER**
<img width="1488" height="1284" alt="AFTER" src="https://github.com/user-attachments/assets/845bcd66-8abf-445c-9d76-cfbaa6e436a0" />
Internal ref - t/168315
