refactor admin navigation; update links to ingest pages and improve loading of data in parallel
This commit is contained in:
parent
69206260d3
commit
50851320e3
1 changed files with 16 additions and 8 deletions
|
|
@ -75,18 +75,22 @@
|
|||
|
||||
|
||||
/* ── graph view ── */
|
||||
/* on the graph page we flex the page chrome top-to-bottom so the layout
|
||||
grows to fill the viewport. each ancestor in the chain needs min-height:0
|
||||
so the flex child can actually shrink/stretch. */
|
||||
/* on the graph page the whole chrome becomes a vertical flex column so
|
||||
the graph + sidebar together fill the remaining viewport. every
|
||||
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 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
overflow: hidden; /* the svg/info panes scroll internally, not the body */
|
||||
}
|
||||
|
||||
body.page-graph main.content {
|
||||
flex: 1;
|
||||
flex: 1 1 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
|
|
@ -94,20 +98,24 @@ body.page-graph main.content {
|
|||
}
|
||||
|
||||
body.page-graph #intel-content {
|
||||
flex: 1;
|
||||
flex: 1 1 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
body.page-graph #intel-graph-layout {
|
||||
flex: 1;
|
||||
flex: 1 1 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 #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 {
|
||||
flex: 1;
|
||||
flex: 1 1 0;
|
||||
position: relative;
|
||||
background: var(--bg-subtle);
|
||||
border: 1px solid var(--border);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue