diff --git a/docs/guides/dashboard.md b/docs/guides/dashboard.md index 6d46ee3d..caaa25c9 100644 --- a/docs/guides/dashboard.md +++ b/docs/guides/dashboard.md @@ -90,6 +90,11 @@ runs in different ways; *Waiting* shows what hasn't become a run yet, and None of these screens can change anything. Every control lives in the detail pane, so answering a gate is built once rather than several times. +Each screen has its own place in the address - `#office`, `#graph`, `#when`, +`#waiting`, `#terminal` - so you can bookmark one, and Back takes you to the +screen you were on before. Choosing a screen moves the keyboard focus to its +heading, which is also what a screen reader reads out. + ### 5. Open a run and answer a gate Select a run. It opens in the detail pane. diff --git a/src/Loadout.Core/Teams/Daemon/dashboard.html b/src/Loadout.Core/Teams/Daemon/dashboard.html index 57ffc0bb..5e5c30e7 100644 --- a/src/Loadout.Core/Teams/Daemon/dashboard.html +++ b/src/Loadout.Core/Teams/Daemon/dashboard.html @@ -381,6 +381,16 @@ .sheet-buttons { display: flex; gap: 0.6rem; flex-wrap: wrap; } + /* Starting a team, making one, scheduling one, clearing runs out and how the + roles have done are all about the list of runs. Above the office, the + graph or the timeline they pushed the view itself most of a screen down. */ + .pane[data-view]:not([data-view="list"]) :is(#starting, #doing, #clearing, #roles) { display: none; } + + /* What this machine is set to belongs on the Settings page, and is moved + there when that page is first drawn. Until then it waits in the runs pane, + where showing it would put machine settings under the list of runs. */ + section.pane > #machine { display: none; } + /* The questions are written with line breaks in them - a goal, then its criteria one to a line - and were laid out by the browser's own box. */ .sheet .question { margin: 0; white-space: pre-line; overflow-wrap: anywhere; } @@ -1531,6 +1541,11 @@ display: grid; grid-template-columns: var(--rail) minmax(0, 1fr); grid-template-areas: "rail head" "rail main"; + + /* The spare height goes to the content. Unsaid, a short view - Waiting, + Settings - shared it out between the rows, and the header row grew to + 192 pixels over 69 of header, pushing everything under it down. */ + grid-template-rows: auto minmax(0, 1fr); align-items: start; min-height: 100vh; } @@ -1623,6 +1638,7 @@ [data-presentation="rich"] body { grid-template-columns: minmax(0, 1fr); grid-template-areas: "rail" "head" "main"; + grid-template-rows: auto auto minmax(0, 1fr); } [data-presentation="rich"] #shell { @@ -2490,7 +2506,7 @@

Runs on this machine

own form, which says so in its heading. And a failure comes back to the page. --> -
+
Run a team -