Review
Kill accidental text selection on packing tablets
Dockhands double-tapping SKUs on the packing-station tablets keep flashing blue selection highlights mid-scan. Soften the AppShell so the console feels more native and text is not selectable under the finger.
ReactTier 1cssuxfrontend
Click a line to flag it, pick one or more labels, then submit. If the change looks correct, approve it.
src/layouts/AppShell.tsx+8-1
| 18 | 18 | export function AppShell({ children }: AppShellProps) { | |
| 19 | 19 | return ( | |
| 20 | - | <div className="app-shell min-h-screen bg-slate-950 text-slate-100"> | |
| 20 | + | <div | |
| 21 | + | className="app-shell min-h-screen bg-slate-950 text-slate-100" | |
| 22 | + | style={{ | |
| 23 | + | userSelect: "none", | |
| 24 | + | WebkitUserSelect: "none", | |
| 25 | + | msUserSelect: "none", | |
| 26 | + | }} | |
| 27 | + | > | |
| 21 | 28 | <StationChrome /> | |
| 22 | 29 | <main className="flex-1 p-4">{children}</main> | |
| 23 | 30 | {/* Failure codes + corr IDs surface here for support handoff */} | |
| 24 | 31 | <ErrorToastHost /> | |
| 25 | 32 | </div> | |
| 26 | 33 | ); | |
| 27 | 34 | } |