CyclopsMC / infobook-html / 34743067132

64%

push

github

Shrink the search trigger on small screens

On a phone the trigger took 164px of a 390px header, which squeezed the book
title into three lines. It now shows its icon alone, 30px wide, and the title
fits in two.

The rules that hid the label were already there but never applied: the Pagefind
components give their own rules ID-level specificity, so no selector of ours can
outrank them, and there is no property for this. Hence the forced override,
scoped to the phone layout.

The same specificity is why the rules that painted the trigger over the cover
never took effect either. They are removed rather than left to look meaningful:
the trigger is themed through the custom properties, like the dialog, and reads
as a small parchment search field.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01FuDB4UAnaLnNEEv8kVuotH

199 of 283 branches covered (70.32%)

Branch coverage included in aggregate %.

201 of 338 relevant lines covered (59.47%)

12.69 hits per line