fix(content): keep desktop markers and align narrow-screen headings - #89
Merged
Merged
Conversation
hakula139
force-pushed
the
fix/mobile-heading-anchors
branch
from
September 30, 2026 17:32
248bfac to
02cffbf
Compare
Match the mobile anchor gutter to the article card padding while retaining the wider-screen position. Align heading rules with the text, wrap long headings, and show keyboard-focused anchor links.
hakula139
force-pushed
the
fix/mobile-heading-anchors
branch
from
September 30, 2026 18:23
d5a6f6a to
a85d4bb
Compare
hakula139
added a commit
to hakula139/hakula.xyz-kiln
that referenced
this pull request
Sep 30, 2026
## Summary - Pin merged IgnIt `72d378a` from [IgnIt #89](hakula139/IgnIt#89) and regenerate the committed stylesheet. Heading text stays aligned with body text. Below 1280px, it is a section link that turns blue on hover or keyboard focus. At desktop widths, the heading keeps its normal color and reveals the original `#` marker on hover or focus. - Keep heading links free of underlines while preserving the h2 divider. Use one native section link with a desktop-only CSS marker, without shifting heading text or duplicating its content. Preserve heading typography and inline formatting, wrap long headings, and keep authored links inside headings intact. The theme retains merged floating controls from IgnIt #85 and native callouts from IgnIt #86. ## Verification - `pnpm build`, `pnpm format`, `pnpm lint`, `pnpm spellcheck`, `nix flake check`, `nix develop -c kiln build --minify`, commit hooks, `git diff --check`, and CSS sync passed. The minified build rendered and indexed 75 pages after CSS generation. The IgnIt squash commit has the same tree as the reviewed theme head, and CSS generation remained unchanged after replacing the pin. - Managed headless Chromium checked the generated LR2 / BMS and FFT articles at 320px, 390px, 768px, 1279px, 1280px, and 1440px in light and dark themes. Heading text aligned with body text, heading links stayed inside the cards, and pages had no horizontal overflow. Default heading typography, responsive hover / focus colors, no link underlines, desktop marker visibility and containment, visible focus outlines, and Enter fragment navigation passed. - Long Chinese and unbroken Latin heading probes wrapped within the card. Inline emphasis and code survived wrapping in the section link. Authored links remained intact without nested anchors. Callout and blockquote headings retained their existing behavior, and repeated initialization did not duplicate heading links. - Browser checks used generated assets with external resources excluded. Local Nix checks covered aarch64-darwin. Other browser engines and Nix systems were not tested locally. ## Related PR hakula139/IgnIt#89
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
#marker on hover or focus.Verification
pnpm build,pnpm format,pnpm lint,pnpm spellcheck,nix flake check, commit hooks,git diff --check, and CSS sync passed for the theme. The consuming site passed the same checks and its minified build rendered and indexed 75 pages after CSS generation.