Skip to content

fix: make report titles visually larger than descriptions#1584

Draft
posthog[bot] wants to merge 1 commit intomainfrom
posthog-code/fix-report-title-font-hierarchy
Draft

fix: make report titles visually larger than descriptions#1584
posthog[bot] wants to merge 1 commit intomainfrom
posthog-code/fix-report-title-font-hierarchy

Conversation

@posthog
Copy link
Copy Markdown
Contributor

@posthog posthog bot commented Apr 9, 2026

Summary

  • Force all Radix Text elements inside summary markdown to 12px, preventing markdown headings (which rendered at 14px via HeadingText) from appearing larger than report titles
  • Bump list row title weight from medium to bold for better visual hierarchy
  • Bump detail pane title to 14px bold so it clearly dominates the 12px description

Test plan

  • Open the inbox signals tab with reports that have markdown summaries containing headings
  • Verify report titles in the list are visually more prominent than description text
  • Open a report detail pane and verify the title is clearly larger than the summary content

Created with PostHog Code

The MarkdownRenderer renders headings at Radix size="2" (14px), which
made description headings appear larger than the 13px report titles.
This caused users' eyes to skim over the titles in favor of the
description text.

Changes:
- Force all Radix Text elements inside summary markdown to 12px via
  Tailwind !important overrides, preventing markdown headings from
  exceeding the title size
- Bump list row title weight from "medium" to "bold" for emphasis
- Bump detail pane title to 14px bold so it clearly dominates the
  12px description text

Generated-By: PostHog Code
Task-Id: 997cbc6b-cf6c-4ed6-9c98-d47458d2276e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants