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.
35 lines
1.4 KiB
CSS
35 lines
1.4 KiB
CSS
/* ─── /core.html — C0R3 page ───────────────────────────────────────
|
|
Standalone page carved out of the dashboard's old SYST3M tab. Same
|
|
minimal-chrome pattern as /logs.html (a `← home` back-link + a
|
|
createTabStrip sub-tab strip; base tab + page-header styling comes
|
|
from @hive/shared via common.css, linked by core.html).
|
|
|
|
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
|
|
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;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Fill the header row next to the ← home back-link, same as the logs
|
|
sub-tab strip. */
|
|
.core-tabbar {
|
|
flex: 1;
|
|
}
|
|
|
|
.core-main {
|
|
padding: 1.2em 1.5em 2em;
|
|
}
|
|
|
|
/* createTabStrip toggles the native `hidden` attribute on inactive
|
|
panes; ensure it wins over any inherited display. */
|
|
.core-pane[hidden] { display: none; }
|