From b2b43cac747f3b551900de241df1f78ef440400a Mon Sep 17 00:00:00 2001 From: TheFlow Date: Sun, 22 Feb 2026 17:13:56 +1300 Subject: [PATCH] style: Add CSS for editorial note callout boxes in docs-viewer Editorial notes were present in content_html but rendered as unstyled plain text, making them invisible to readers. Adds blue-bordered callout styling for .editorial-note and .note-title classes. Co-Authored-By: Claude Opus 4.6 --- public/docs-viewer.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/public/docs-viewer.html b/public/docs-viewer.html index 4f7efb07..1b9ba8a6 100644 --- a/public/docs-viewer.html +++ b/public/docs-viewer.html @@ -30,6 +30,13 @@ .prose tbody td { padding: 0.75rem 1rem; border: 1px solid #e5e7eb; color: #374151; vertical-align: top; } .prose tbody tr:hover { background-color: #f9fafb; } .prose li > p { margin: 0.25rem 0; } + + /* Editorial notes */ + .prose .editorial-note { background-color: #eff6ff; border: 1px solid #bfdbfe; border-left: 4px solid #3b82f6; border-radius: 0.5rem; padding: 1.25rem 1.5rem; margin: 2rem 0; } + .prose .editorial-note .note-title { font-weight: 700; color: #1e40af; margin-top: 0; margin-bottom: 0.75rem; font-size: 0.95rem; } + .prose .editorial-note p { color: #1e3a5f; font-size: 0.935rem; line-height: 1.7; } + .prose .editorial-note em { color: #1e3a5f; } + .prose .editorial-note a { color: #1d4ed8; }