rafraa/TX
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix toggle switch behavior in right-to-left reading modes

Browse Source 
Update the switch component's CSS to correctly position the toggle thumb in RTL layouts for both checked and unchecked states.
This commit is contained in:
Riyadh
2026-05-16 17:46:43 +00:00
parent 14cbf527b2
commit e1357181c0
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
artifacts/tx-os/src/components/ui/switch.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ const Switch = React.forwardRef<
>
<SwitchPrimitives.Thumb
className={cn(
"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:ltr:translate-x-4 data-[state=checked]:rtl:-translate-x-4 data-[state=unchecked]:translate-x-0"
"pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:ltr:translate-x-4 data-[state=checked]:rtl:-translate-x-4 data-[state=unchecked]:ltr:translate-x-0 data-[state=unchecked]:rtl:translate-x-4"
)}
/>
</SwitchPrimitives.Root>