IMBENJI.NET/Duriin-API
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor admin navigation; update links to ingest pages and improve loading of data in parallel

Browse source
This commit is contained in:
ImBenji 2026-04-24 00:32:53 +01:00
parent 69206260d3
commit 50851320e3
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
public/admin/assets/css/intel.css
View file

@ -75,18 +75,22 @@
/* ── graph view ── */ /* ── graph view ── */
/* on the graph page we flex the page chrome top-to-bottom so the layout /* on the graph page the whole chrome becomes a vertical flex column so
grows to fill the viewport. each ancestor in the chain needs min-height:0 the graph + sidebar together fill the remaining viewport. every
so the flex child can actually shrink/stretch. */ intermediate container needs min-height:0 for the flex child to
actually grow, and the two children explicitly take 100% of the row. */
html, body.page-graph { height: 100%; }
body.page-graph { body.page-graph {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
overflow: hidden; /* the svg/info panes scroll internally, not the body */
} }
body.page-graph main.content { body.page-graph main.content {
flex: 1; flex: 1 1 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
@ -94,20 +98,24 @@ body.page-graph main.content {
} }
body.page-graph #intel-content { body.page-graph #intel-content {
flex: 1; flex: 1 1 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
} }
body.page-graph #intel-graph-layout { body.page-graph #intel-graph-layout {
flex: 1; flex: 1 1 0;
min-height: 0; min-height: 0;
height: 100%; /* belt-and-braces for safari flex quirks */
} }
/* kill the 600px fallback + let the children stretch to the row */
body.page-graph #intel-graph-svg-wrap, body.page-graph #intel-graph-svg-wrap,
body.page-graph #graph-info { body.page-graph #graph-info {
height: auto; /* let flex sizing win */ height: 100%;
min-height: 0;
align-self: stretch;
} }
@ -117,7 +125,7 @@ body.page-graph #graph-info {
} }
#intel-graph-svg-wrap { #intel-graph-svg-wrap {
flex: 1; flex: 1 1 0;
position: relative; position: relative;
background: var(--bg-subtle); background: var(--bg-subtle);
border: 1px solid var(--border); border: 1px solid var(--border);