mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-11-15 11:12:16 -05:00
This commit is contained in:
+1
-1
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user