mirror of
https://github.com/ChuckBuilds/LEDMatrix.git
synced 2026-10-05 14:55:08 +00:00
build(web): generate the UI's Tailwind CSS with the pinned standalone CLI (#685)
Replaces the hand-written Tailwind subset in app.css with a real, purged Tailwind build: scripts/build_css.py runs the pinned, SHA-256-checked standalone Tailwind CLI (no Node), the generated tailwind.css and plugin-frame.css are committed, and CI fails when they are stale. The Pi never builds anything. The login page (#683) now links tailwind.css too, and the load-order test covers every template that links app.css. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -228,6 +228,36 @@ read any of them:
|
||||
release at or below `src.__version__`, so a release can no longer ship
|
||||
warning about a removal it has already passed.
|
||||
|
||||
### Web UI styling: a real Tailwind build
|
||||
|
||||
- The web UI's utility classes now come from a generated
|
||||
`static/v3/tailwind.css` (Tailwind v3.4.19 standalone CLI, no Node)
|
||||
instead of ~500 hand-written rules in `app.css`. The CSS is built on a
|
||||
dev machine with `python3 scripts/build_css.py` and committed; the Pi
|
||||
never builds anything. CI's new "Tailwind CSS is up to date" job rebuilds
|
||||
it and fails when the committed file is stale. `app.css` keeps the theme
|
||||
tokens, components and dark theme, and loads after `tailwind.css`. The
|
||||
values `app.css` had customised (darker gray text, emerald/amber button
|
||||
fills, token shadows, font line-heights, keyboard-only focus rings) are
|
||||
kept in `web_interface/tailwind/tailwind.config.js`.
|
||||
- Border utilities now draw. `border-b`, `border-t` and `divide-y` set only
|
||||
a width, and nothing gave them a style, so the tab-row underlines and
|
||||
section dividers the markup asks for never showed. They do now.
|
||||
- `2xl:` classes now apply (the hand-written `.2xl\:…` selectors were
|
||||
invalid CSS): at 1536px and wider the plugin grids show five columns and
|
||||
the page gutters widen, as the markup intended.
|
||||
- Classes the hand-written file never defined now work, e.g. the teal
|
||||
"configure" badge in Operation History, the button of a purple
|
||||
`web_ui_actions` card (it had white text on no background), the
|
||||
toggle-switch knob offsets, the slider accent colours and the password
|
||||
strength colours.
|
||||
- A scrollable container with its own background (the live preview stage,
|
||||
command output in Tools) keeps it. The scroll-hint rule's `background`
|
||||
shorthand wiped it, so the preview stage rendered white instead of dark.
|
||||
- Plugin `web_ui/` pages no longer load Tailwind from a CDN, which failed
|
||||
in AP mode with no internet. They get a local `static/v3/plugin-frame.css`
|
||||
with the v2 palette they were written against.
|
||||
|
||||
## 3.7.0
|
||||
|
||||
Sports consolidation stage 3 (#672). No behaviour change: nothing in core
|
||||
|
||||
Reference in New Issue
Block a user