playwriter
Code Issues
749 Commits 1 Branch 0 Tags
e7b7aad8a9abd581206cb1066a74c820fe062bfb
Commit Graph

4 Commits

Author SHA1 Message Date
Tommy D. Rossi a7ab6708ef fix code block bleed alignment and line numbers 
- Fixed --ll-bleed to 44px (8px padding + 36px line-number width, border-box)
- Line numbers fixed width 36px (always fits 3 digits, no layout shift)
- Line number opacity increased from 0.15 to 0.3 in both light and dark mode
- Commented out code block background
 2026-02-20 12:57:41 +01:00
Tommy D. Rossi acd63a9235 liveline: add Link component, OL, remove BackButton, dedent code blocks, spacing tweaks 
- Add A (link) component with --ll-accent color, bright #58a6ff in dark mode
- Add OL (ordered list) component for numbered steps
- Remove BackButton from EditorialPage
- Use string-dedent for all CodeBlock strings, properly indented in source
- Getting started steps as OL with clickable Chrome Web Store link
- Star on GitHub link in intro paragraph
- Inline heading rule (flex + 1px line) replaces separate Divider
- Heading padding 24px top/bottom, article gap 32px
- Sidebar TOC item spacing increased to 5px
- Centered image captions
 2026-02-20 12:53:21 +01:00
Tommy D. Rossi abd28162aa liveline: inline heading rule, restore diagram, increase spacing 
- SectionHeading now renders as flex row with hairline rule extending
  to fill remaining width after the heading text (matching benji.org)
- Removed separate Divider from Section component
- Restored original diagram layout from before refactor
- Increased article gap to 32px, heading padding to 24px top/bottom
- Centered image captions
 2026-02-20 12:43:06 +01:00
Tommy D. Rossi 984f41cfbe extract editorial components to markdown.tsx, simplify liveline to content-only 
- New website/src/components/markdown.tsx with all reusable components:
  EditorialPage, TableOfContents, BackButton, P, Code, Caption, CodeBlock,
  ChartPlaceholder, Section, Divider, SectionHeading, List, Li, PropsTable
- liveline.tsx reduced from ~988 to ~370 lines, now pure content
- Renamed Paragraph->P, InlineCode->Code for brevity
- TOC accepts items/logo props for reuse across pages
- Centered image captions
- Divider with equal top/bottom padding
- Variable spacing CSS rules for code blocks, images, section dividers
 2026-02-20 12:38:54 +01:00