vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(dashboard): move SYST3M section CSS into shared system-sections.css

Browse source 
The C0R3 page (/core.html) pulled the four SYST3M panel styles (rebuild
queue, meta inputs, container load) by @importing the whole ~39kb
dashboard.css, dragging the entire dashboard stylesheet into the C0R3
CSS bundle.

Extract those section-internal rules into a new system-sections.css and
@import it from both core.css and dashboard.css. core.html now loads only
the small shared file (its CSS bundle drops from ~40kb to 5.3kb) while
the dashboard keeps the rules — a couple are still referenced from
dashboard JS (the schedules view uses .rqe-source*). The container-load
table's .hive-stats-table already lives in common.css, linked directly
by core.html, so it is unaffected.

Behaviour-preserving: identical rules, same custom properties; the moved
selectors are uniquely named to these panels and not redefined
elsewhere, so the cascade is unchanged. Verified the built bundles:
core.css carries the section rules and no dashboard chrome; dashboard.css
still carries them via the import.
This commit is contained in:
iris 2026-06-15 09:51:30 +02:00
commit 06c5d68071
3 changed files with 238 additions and 211 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/packages/dashboard/src/core.css
View file

@ -7,14 +7,13 @@
The four section renderers (rebuild queue, meta inputs, kept state,
container load) are ported verbatim from the dashboard, so they emit
the exact same class names. Those section-internal rules live in
dashboard.css; rather than duplicate the (scattered) blocks here, we
@import dashboard.css wholesale — transitional. dashboard.css does
NOT @import common.css (it relies on link order), so this doesn't
double-load anything; the dashboard-only chrome rules it carries
(`body.dashboard-shell`, `.dashboard-chrome`, `.tabbar`) simply match
nothing on /core.html. The follow-up that removes the SYST3M tab can
split the shared section rules into their own stylesheet. */
@import "./dashboard.css";
system-sections.css (shared with the dashboard, which references a
couple of them — `.rqe-source*` — from its schedules view). The
`.hive-stats-table` the container-load table reuses lives in
common.css, linked directly by core.html. Importing just the section
rules keeps the C0R3 bundle small instead of dragging in all of
dashboard.css. */
@import "./system-sections.css";
body.core-shell {
margin: 0;