diff --git a/docs/interface/dashboards.md b/docs/interface/dashboards.md index 775a847..bb159e4 100644 --- a/docs/interface/dashboards.md +++ b/docs/interface/dashboards.md @@ -13,7 +13,9 @@ to a paired screen, such as a wall tablet. 4. **Publish** when the dashboard is ready. Edits stay in a draft; paired screens show the published version. On phones, -tiles stack in one column and dragging is disabled, but settings remain editable. +tiles stack in one column over the dashboard's ground (its background image, +or the Glass look's drifting colours) and dragging is disabled, but settings +remain editable. In edit mode, ⌘Z / Ctrl-Z undoes an edit and ⌘⇧Z / Ctrl-Shift-Z redoes it. A widget can end up below the canvas, for example after the canvas was made diff --git a/frontend/src/components/Dashboard/DashboardEditor.tsx b/frontend/src/components/Dashboard/DashboardEditor.tsx index 8a3acb4..28a3d17 100644 --- a/frontend/src/components/Dashboard/DashboardEditor.tsx +++ b/frontend/src/components/Dashboard/DashboardEditor.tsx @@ -42,6 +42,7 @@ import { handleError } from "@/utils" import { DashboardPalette } from "./DashboardPalette" import { areaOf, + CanvasGround, CanvasSurface, canvasOf, columnsOf, @@ -657,7 +658,8 @@ export function DashboardEditor({ )} style={root.style} > -
+ +
+ {/* The look's ground, held to the screen while the stack scrolls + over it, as it stays put under a canvas. */} +
+ +
{/* Padded here rather than by the route: the stack overflows this box, so only padding inside the overflow clears the rail. */} -
+
{rail ? (