VersionControl:PRs/pickipedia/148: Difference between revisions
From PickiPedia: A knowledge base of bluegrass, old time psychedelic jams, and other public domain music
Jump to navigationJump to search
cryptograss/pickipedia#148, as GitHub has it |
cryptograss/pickipedia#148, as GitHub has it |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 16: | Line 16: | ||
|deploy= | |deploy= | ||
}} | }} | ||
<pre class="pr-body">Sky asked for the listen link to read as a button, with the rabbit chasing the carrot to the right of the text. | |||
`ext.pickipediaContent.styles` is the module the Rabbithole pane now loads as well as the wiki itself, so one rule set covers both places. | |||
**Already live without this.** `Template:Listen in Rabbithole` carries inline styles for the button shape, so it reads as a button on the wiki right now — verified rendering on [Song:August](https://pickipedia.xyz/wiki/Song:August), 0 brace damage. What this PR adds is the part inline styles cannot express: `:hover`, and the chase. | |||
**The chase.** The rabbit hops in place; on hover it closes most of the gap and falls back. It never catches the carrot, which seemed like the right behaviour for a thing called Rabbithole. | |||
`prefers-reduced-motion` turns all of it off — the button says what it does in words, so nothing is lost. | |||
Eleven song pages carry this template today.</pre> | |||
Latest revision as of 18:06, 9 November 2026
| State | 🟢 open |
|---|---|
| Worked on by | not said |
| Moods | not said |
| Deploy | not said |
| Branch | listen-in-rabbithole-button → production, by magent-cryptograss
|
| Opened · last pushed | 2026-10-18 20:38:27 · 2026-10-19 15:07:31 |
Sky asked for the listen link to read as a button, with the rabbit chasing the carrot to the right of the text. `ext.pickipediaContent.styles` is the module the Rabbithole pane now loads as well as the wiki itself, so one rule set covers both places. **Already live without this.** `Template:Listen in Rabbithole` carries inline styles for the button shape, so it reads as a button on the wiki right now — verified rendering on [Song:August](https://pickipedia.xyz/wiki/Song:August), 0 brace damage. What this PR adds is the part inline styles cannot express: `:hover`, and the chase. **The chase.** The rabbit hops in place; on hover it closes most of the gap and falls back. It never catches the carrot, which seemed like the right behaviour for a thing called Rabbithole. `prefers-reduced-motion` turns all of it off — the button says what it does in words, so nothing is lost. Eleven song pages carry this template today.