fix(ui): hide keyboard hints on non-desktop

2026-02-13 09:54:46 +00:00
parent 338e3d9d38
commit 3678214e69
3 changed files with 37 additions and 20 deletions
--- a/packages/ui/src/components/hint-row.tsx
+++ b/packages/ui/src/components/hint-row.tsx
@@ -3,10 +3,15 @@ import { Component, JSX } from "solid-js"
 interface HintRowProps {
  children: JSX.Element
  class?: string
+  ariaHidden?: boolean
 }

 const HintRow: Component<HintRowProps> = (props) => {
-  return <span class={`text-xs text-muted ${props.class || ""}`}>{props.children}</span>
+  return (
+    <span aria-hidden={props.ariaHidden} class={`text-xs text-muted ${props.class || ""}`}>
+      {props.children}
+    </span>
+  )
 }

 export default HintRow