add show button for hide button for docking hud
Container image / image (push) Failing after 1m5s

This commit is contained in:
legop3
2026-10-19 13:15:29 -04:00
parent 8fe4f2f98e
commit ab730ee8a3
2 changed files with 21 additions and 4 deletions
+1 -1
View File
@@ -5,7 +5,7 @@
"type": "module", "type": "module",
"scripts": { "scripts": {
"predev": "node scripts/prepareMediaMtx.js", "predev": "node scripts/prepareMediaMtx.js",
"dev": "VITE_ROVERD_URL=https://rovertest.otter.land vite", "dev": "VITE_ROVERD_URL=https://rover.otter.land vite",
"prebuild": "node scripts/prepareMediaMtx.js", "prebuild": "node scripts/prepareMediaMtx.js",
"build": "vite build", "build": "vite build",
"lint": "eslint .", "lint": "eslint .",
@@ -23,14 +23,29 @@ function DockedAction({ driveKeyLabel, pending, controlsDisabled, error, onUndoc
/* The dismissal belongs to this mounted docked episode. DockingHud unmounts /* The dismissal belongs to this mounted docked episode. DockingHud unmounts
this component when the rover leaves the base, and its roverId key remounts this component when the rover leaves the base, and its roverId key remounts
it for a different assignment, so no persistence or reset effect is needed. */ it for a different assignment, so no persistence or reset effect is needed. */
if (hidden && !pending) return null;
const mainToneClass = waitingForTurn const mainToneClass = waitingForTurn
? 'cursor-not-allowed bg-slate-950/95 ring-slate-400/70' ? 'cursor-not-allowed bg-slate-950/95 ring-slate-400/70'
: 'bg-emerald-950/90 ring-emerald-300/80 hover:bg-emerald-900/95 focus-visible:ring-emerald-200 disabled:cursor-wait disabled:opacity-75'; : 'bg-emerald-950/90 ring-emerald-300/80 hover:bg-emerald-900/95 focus-visible:ring-emerald-200 disabled:cursor-wait disabled:opacity-75';
const hideToneClass = waitingForTurn const hideToneClass = waitingForTurn
? 'bg-slate-950/95 ring-slate-400/70 hover:bg-slate-900' ? 'bg-slate-950/95 ring-slate-400/70 hover:bg-slate-900'
: 'bg-emerald-950/90 ring-emerald-300/80 hover:bg-emerald-900/95 focus-visible:ring-emerald-200'; : 'bg-emerald-950/90 ring-emerald-300/80 hover:bg-emerald-900/95 focus-visible:ring-emerald-200';
const toggleClass = `pointer-events-auto absolute left-1/2 -translate-x-1/2 rounded-b-lg px-6 py-1.5 text-sm font-bold text-white shadow-xl ring-2 transition focus-visible:outline-hidden focus-visible:ring-4 ${hideToneClass}`;
// Keep a small reopen control on the video's top edge; pending undocking
// still reveals the prompt so progress remains visible after a keybind action.
if (hidden && !pending) {
return (
<button
type="button"
aria-label="Show docked rover controls"
aria-expanded={false}
onClick={() => setHidden(false)}
className={`${toggleClass} top-0 z-30`}
>
Show
</button>
);
}
return ( return (
<> <>
@@ -71,8 +86,10 @@ function DockedAction({ driveKeyLabel, pending, controlsDisabled, error, onUndoc
{!pending ? ( {!pending ? (
<button <button
type="button" type="button"
aria-label="Hide docked rover controls"
aria-expanded={true}
onClick={() => setHidden(true)} onClick={() => setHidden(true)}
className={`pointer-events-auto absolute left-1/2 top-full -translate-x-1/2 rounded-b-lg px-6 py-1.5 text-sm font-bold text-white shadow-xl ring-2 transition focus-visible:outline-hidden focus-visible:ring-4 ${hideToneClass}`} className={`${toggleClass} top-full`}
> >
Hide Hide
</button> </button>