summaryrefslogtreecommitdiff
path: root/src/content/style.css (follow)
Commit message (Collapse)AuthorAgeFilesLines
* style.css: Collapse the listing table so the numbers hold stillEuAndreh4 days1-0/+9
| | | | | | | | | | | | | | | | | Pinning the first cell to the left edge moved it, and the code could be seen sliding through a strip beside it. Both are the same thing: the table that holds the numbers and the code was left to the browser's default of separate borders, so its cells stand two pixels apart. The first one's natural place is that two pixels in, which is what it jumped from; the gap between them is what the code showed through. Collapsed, the numbers sit flush against the code, and the pinned cell is raised so it is the code that passes under it rather than the other way about. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9
* style.css: Keep a long line inside the box that frames itEuAndreh4 days1-0/+16
| | | | | | | | | | | | | | | | | | | | | A code block wider than the column ran straight past its own border: the line it was too long for kept going to the edge of the page and past it, over the margin and out of the block it was supposed to be in. "pre { overflow: auto }" was already there and could not help. The line numbers sit in a table cell beside the code, and a table grows to fit what it holds, so the pre was never narrower than its longest line and so never had anything to scroll. The box scrolls instead, and the numbers are pinned so they stay where they are while the code moves under them. Seen on en/pastebin/2021/06/22/curl-wget.html, whose cloc tables rule off with eighty-odd dashes; it was there for any line past the column's width. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9
* style.css: Take the indent from the nestingEuAndreh4 days1-30/+25
| | | | | | | | | | | | | | | mkwb writes a reply inside what it answers now, so the indent is one margin a level rather than nine rules counting depth, and each reply's rail stacks with its parents' --- which is the thread view the flat list could only approximate with a single rule. On a narrow screen the margin goes and the rails carry it alone: at depth 7 that is 273px of text on a 390px phone against 133px if the desktop indent were kept, and against 350px and no nesting at all, which is what was there before. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9
* style.css: Keep a reply's nesting on a narrow screenEuAndreh4 days1-1/+21
| | | | | | | | | | | | | | Below 40rem every message was pushed flush left, so a thread arrived as a flat list and nothing said what answered what. It was pushed there for a reason: this site's threads reach depth 8, and a rem a level leaves about 220px for the words on a 390px phone. A third of a rem a level costs 45px at the deepest and keeps every depth apart, with a rail down the left of each reply carrying the nesting that an offset that small cannot hold on its own. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9
* mEuAndreh5 days1-28/+192
|
* src/content/img/: Adjust light/dark mode SVGsEuAndreh2025-04-291-1/+5
|
* src/content/style.css: Fix selector of collection listingEuAndreh2025-04-171-2/+2
|
* src/content/style.css: Support dark modeEuAndreh2025-04-171-11/+39
|
* src/content/style.css: Add extra code block selecotor due to current adoc(1) ↵EuAndreh2025-04-171-1/+1
| | | | inflexible HTML
* src/content/style.css: Adjust footer selectors for adoc(1) current ↵EuAndreh2025-04-171-4/+8
| | | | inflexible HTML
* src/content/style.css: Show header on hover onlyEuAndreh2025-04-161-0/+5
|
* src/content/style.css: Better positioning for header anchorEuAndreh2025-04-161-0/+1
|
* src/content/style.css: Add header anchor via CSSEuAndreh2025-04-151-0/+6
|
* src/content/style.css: Give #updated-at the same styling as #published-atEuAndreh2025-04-101-1/+1
|
* src/content/style.css: Add adjustment for asciidocEuAndreh2025-03-311-0/+7
|
* src/content/style.css: Update selectors for what mkwb(1) emitsEuAndreh2025-03-281-9/+3
|
* mv src/content/styles.css src/content/style.cssEuAndreh2024-11-171-0/+165