summaryrefslogtreecommitdiff
path: root/src/content/style.css (unfollow)
Commit message (Collapse)AuthorFilesLines
4 daysstyle.css: Let the numbers scroll with the codeEuAndreh1-16/+13
Pinning them was wrong twice over. Nothing covers them: at rest the cell's background reaches exactly to where the code begins --- painting the cell shows it does --- but a scroll draws the two out of step for a frame, and what is seen crossing the numbers is the code arriving before they have moved. A background cannot fix a repaint. Constraining the cell instead, so that only the code scrolls and the numbers sit outside the box entirely, needs a max-width on a table cell. That is a hint a browser may ignore, and Firefox ignores it: the table grows back to its longest line and the block stops containing them again, which was the bug this all started from. So the box scrolls, numbers and all. They leave the view when the code is scrolled far enough, which is the price of not lying about where they are. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KxLpaNQThKfMG3ecCJptP9
4 daysstyle.css: Collapse the listing table so the numbers hold stillEuAndreh1-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
4 daysstyle.css: Keep a long line inside the box that frames itEuAndreh1-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
4 daysstyle.css: Take the indent from the nestingEuAndreh1-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
4 daysstyle.css: Keep a reply's nesting on a narrow screenEuAndreh1-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
5 daysmEuAndreh1-28/+192
2025-04-29src/content/img/: Adjust light/dark mode SVGsEuAndreh1-1/+5
2025-04-17src/content/style.css: Fix selector of collection listingEuAndreh1-2/+2
2025-04-17src/content/style.css: Support dark modeEuAndreh1-11/+39
2025-04-17src/content/style.css: Add extra code block selecotor due to current adoc(1) ↵EuAndreh1-1/+1
inflexible HTML
2025-04-17src/content/style.css: Adjust footer selectors for adoc(1) current ↵EuAndreh1-4/+8
inflexible HTML
2025-04-16src/content/style.css: Show header on hover onlyEuAndreh1-0/+5
2025-04-16src/content/style.css: Better positioning for header anchorEuAndreh1-0/+1
2025-04-15src/content/style.css: Add header anchor via CSSEuAndreh1-0/+6
2025-04-10src/content/style.css: Give #updated-at the same styling as #published-atEuAndreh1-1/+1
2025-03-31src/content/style.css: Add adjustment for asciidocEuAndreh1-0/+7
2025-03-28src/content/style.css: Update selectors for what mkwb(1) emitsEuAndreh1-9/+3
2024-11-17mv src/content/styles.css src/content/style.cssEuAndreh1-0/+0
2024-11-12Move unprocessed static content to src/content/EuAndreh1-0/+0
2021-10-11styles.css: Simplify margin, remove "optimizeLegibility"EuAndreh1-2/+1
2021-10-11styles.css: Don't set the background, use the default value (white)EuAndreh1-1/+0
2021-10-11styles.css: Don't set the font, inherit from the browser defaultEuAndreh1-1/+0
2021-02-21styles.css: Add width attribute to .simple-icon classEuAndreh1-0/+1
2021-01-01post.html: Remove <section> tagsEuAndreh1-2/+2
2020-12-15Add pastebins to to <nav> and make <nav> CSS look better on small screensEuAndreh1-1/+2
2020-12-15styles.css: Make the border of code lighter and on both sides tooEuAndreh1-2/+2
2020-11-03Better space link-listingEuAndreh1-0/+9
2020-10-30styles.css: Fix display of sequential headersEuAndreh1-1/+1
2020-10-30Increase max-width from 700px to 750pxEuAndreh1-1/+1
2020-10-30Wrap header with link using a div rather than a spanEuAndreh1-10/+10
2020-09-18styles.css: Add horizontal scrollbar on long code blocksEuAndreh1-0/+4
2020-08-31styles.css: Add custom style for blockquotesEuAndreh1-0/+7
2020-08-31styles.css: Decrease max-width from 1000px to 700pxEuAndreh1-1/+1
2020-08-17Generate plaintext links to raw code blocksEuAndreh1-0/+8
Generate txt files from code blocks embedded on pages, and add links to them.
2020-08-15Adapt add-anchor-to-header-from-header-id to handle <hn><a></a></hn>EuAndreh1-3/+15
Now the hook creates a wrapping <span> to put the header and it's existing link inside, and add the new anchor as a sibling.
2020-08-13styles.css: Show underline on code block anchors on hoverEuAndreh1-0/+5
2020-08-13Create Jekyll hook to add anchors to code block linesEuAndreh1-1/+10
2020-08-13styles.css: Reshuffle declarations and organize with some commentsEuAndreh1-13/+30
2020-08-13Create Jekyll hook to add header anchors based on the header IDsEuAndreh1-0/+13
Impement add-anchor-to-header-from-header-id.rb using regexps, like the "official hooks" do: - https://github.com/jekyll/jekyll-mentions - https://github.com/jekyll/jemoji
2020-08-12styles.css: Add light pink background colorEuAndreh1-0/+1
2020-08-10Also separate footnotes with a borderEuAndreh1-1/+1
2020-08-10CSS: Add clearer separation between end of post and post footerEuAndreh1-1/+5
2020-08-05Simplify styles.css and setup line number for code blocksEuAndreh1-20/+9
Doesn't work for code blocks with 1000 or more lines, though. It works well enough for now.
2020-08-01style.css: Make the border of code blocks more discreteEuAndreh1-1/+2
2020-02-06CSS tweak code block highlightEuAndreh1-5/+2
2020-02-06Update code highlight CSS classEuAndreh1-1/+1
2020-02-05Add manual support for multiple languagesEuAndreh1-0/+10
2020-02-05WIP JekyllEuAndreh1-0/+0
2020-02-03CSS: Do CSS line numbering the right wayEuAndreh1-1/+19
2020-01-30CSS: Add margin to all parts of 'nav a'EuAndreh1-1/+1
generated by cgit v1.3 (git 2.53.0) at 2026-09-12 17:59:03 +0000