diff --git a/packages/webui/src/public/shell.css b/packages/webui/src/public/shell.css index ed6d2d96..14821b7b 100644 --- a/packages/webui/src/public/shell.css +++ b/packages/webui/src/public/shell.css @@ -103,7 +103,7 @@ body.on-bus #board-refused{display:none} /* Toast: one line, polite, bottom centre. */ .toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:var(--strong);color:var(--surface);padding:6px 8px 6px 14px;border-radius:var(--r);font-size:13px;z-index:60;max-width:calc(100% - 24px);box-shadow:var(--shadow)} /* Off, the toast stays in the accessibility tree, empty and visually hidden, so the first copy is announced. */ -.toast:not(.on){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;box-shadow:none} +.toast:not(.on){display:none} .toast span{min-width:0;overflow-wrap:anywhere} .toast.err{background:var(--danger)} .toast button{font:inherit;font-weight:600;border:1px solid currentColor;background:none;color:inherit;border-radius:4px;padding:1px 8px;cursor:pointer}