fix: style callouts in wiki PDF download#626
Conversation
Mirror the public-page callout treatment in the print format so note/tip/caution/danger callouts render with their colored backgrounds and tinted icons instead of plain icon + text. While doing this, inline every `var(--...)` reference as a hex value: wkhtmltopdf's QtWebKit predates CSS Custom Properties, so all our existing `var(--gray-*)` declarations were silently dropping too — the header divider, table borders, blockquote rule, and eyebrow colors weren't rendering either, not just the new callout colors. Layout note: the public CSS uses `display: grid` with `grid-template-columns: auto 1fr`; QtWebKit doesn't support Grid, so the print format floats the icon left and gives `.callout-body` its own block formatting context via `overflow: hidden`. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
WalkthroughThis PR updates the print template for standard wiki documents with two styling improvements for PDF rendering. First, it replaces CSS variable references with fixed hex colors throughout the template—affecting header borders, eyebrow and separator colors, metadata labels, table cells, and blockquotes—to ensure consistent appearance in PDF output. Second, it adds comprehensive callout styling rules to support rendering callout elements (note, tip, caution, danger) in the printed view, including layout structure, typography definitions, and variant-specific color schemes. 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
1 participant
CSS Variables -> Hardcoded colors.