refactor(content): share native disclosures with mobile TOC - #90
Merged
Merged
Conversation
hakula139
added
the
refactor
hakula139
force-pushed
the
refactor/native-mobile-toc
branch
from
September 30, 2026 18:54
5c836a5 to
d1dad0c
Compare
hakula139
added a commit
to hakula139/hakula.xyz-kiln
that referenced
this pull request
Sep 30, 2026
## Summary - Pin merged IgnIt #90 at `001060c` and regenerate the committed stylesheet. The mobile TOC uses native `<details>` / `<summary>` and shares disclosure behavior with callouts, including reduced motion and browser-specific animation limits. ## Verification - `pnpm build`, `pnpm format`, `pnpm lint`, `pnpm spellcheck`, `nix flake check`, commit / push hooks, and `git diff --check` passed. The minified build rendered and indexed 75 pages. - The final pin produces the same TOC markup and stylesheet as the browser-tested site build. Chromium checked the rendered LR2 article with JavaScript enabled and disabled for native state, closed-content focus, open links, the 16px inset, and desktop sidebar visibility. - Chromium, Firefox, and WebKit component checks covered Enter / Space toggling, TOC fragment navigation and active tracking, reduced motion, and no-JavaScript use. Native Safari 27.0 frame sampling confirmed matching callout and TOC animation behavior, including shortened closing motion. ## Related PRs - [Theme implementation](hakula139/IgnIt#90)
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
1 participant
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
Use native
<details>and<summary>for the mobile TOC, matching callouts. Remove the TOC wrapper and JavaScript initializer, and share summary markers, open-state chevrons, body transitions, and reduced-motion behavior incollapse.css. Component files retain their appearance rules. Closed TOC links are excluded from keyboard navigation, and disclosure works without JavaScript.Verification
pnpm build,pnpm format,pnpm lint,pnpm spellcheck,nix flake check, andgit diff --checkpassed. The compiled CSS matches the source.Related PRs