cat / marbles
clone

an endless marble-race generator in the browser; the url is the seed, so every track can be shared

Piece bench: stable toolbar (fixed-width center label, outer buttons never shift)

Dami committed 6854fdd
commit
6854fdd05be0b10a963c0fd8e3c35d08095773ff
parent
350f28896c010cf66075e5ac2ba073301332f7bb
author
Dami <dami.etoile@gmail.com>
1 file changed, +8 -0
Msrc/client/pieceBench.ts8++++++++
M src/client/pieceBench.ts +8 -0
@@ -307,6 +307,14 @@ export function buildPieceBench(ctx: SceneCtx, assets: Assets): void {
307307 color: "#dce6f5",308308 alignSelf: "center",309309 padding: "0 8px",310+ // Stable toolbar (USER): the piece name sits in a FIXED-width center311+ // slot so the outer buttons never shift as names change length.312+ width: "240px",313+ textAlign: "center",314+ whiteSpace: "nowrap",315+ overflow: "hidden",316+ textOverflow: "ellipsis",317+ flex: "0 0 auto",310318 });311319 status.textContent = "click a piece";312320 ui.appendChild(status);