Skip to content

Commit 4ba2a7e

Browse files
b0bbywanclaude
andcommitted
fix(ui): restate the preflight button reset without :where()
QtWebEngine 5.15, which the framebuffer browser on the pi runs on, ships chromium 87. Preflight resets buttons through a selector list containing :where(), supported from chromium 88 on. An unknown pseudo-class invalidates the whole rule, the leading bare `button` selector included, so every button without an explicit background class fell back to native chrome: a white box swallowing the icon drawn inside it in currentColor. The sliders lose their gold accent on that engine too, accent-color only landing in chromium 93, but they stay legible and every way of restoring the colour costs more than it is worth here. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_018ttTauWYwg5MhzapKNY4R3
1 parent 90b527c commit 4ba2a7e

1 file changed

Lines changed: 18 additions & 0 deletions

File tree

ui/styles/input.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,24 @@
22
@tailwind components;
33
@tailwind utilities;
44

5+
/*
6+
* Preflight resets buttons through a selector list that contains :where(),
7+
* understood by chromium 88 and up. Older engines drop the whole rule, the
8+
* leading bare `button` selector included, and fall back to native button
9+
* chrome: a white box that swallows the icon drawn inside it in currentColor.
10+
* QtWebEngine 5.15 ships chromium 87, so restate the reset without :where().
11+
*/
12+
@layer base {
13+
button,
14+
[type='button'],
15+
[type='reset'],
16+
[type='submit'] {
17+
-webkit-appearance: button;
18+
background-color: transparent;
19+
background-image: none;
20+
}
21+
}
22+
523
/* Remove native <details> disclosure marker */
624
details > summary {
725
list-style: none;

0 commit comments

Comments
 (0)