john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Add CSS for editorial note callout boxes in docs-viewer

Browse source 
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 <noreply@anthropic.com>
This commit is contained in:
TheFlow 2026-02-22 17:13:56 +13:00
parent fa8654b399
commit b2b43cac74
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/docs-viewer.html
View file

@ -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; }
</style>
<!-- Auto-reload on service worker update -->