fix(ui): force dir=ltr on remaining RTL pill toggles
CI/CD / CI · API (dotnet build + test) (push) Successful in 45s
CI/CD / CI · Admin API (dotnet build) (push) Successful in 1m1s
CI/CD / CI · Dashboard (tsc) (push) Successful in 1m4s
CI/CD / CI · Admin Web (tsc) (push) Successful in 35s
CI/CD / CI · Website (tsc) (push) Successful in 45s
CI/CD / CI · Koja (tsc) (push) Successful in 49s
CI/CD / Deploy · all services (push) Successful in 5m43s
CI/CD / CI · API (dotnet build + test) (push) Successful in 45s
CI/CD / CI · Admin API (dotnet build) (push) Successful in 1m1s
CI/CD / CI · Dashboard (tsc) (push) Successful in 1m4s
CI/CD / CI · Admin Web (tsc) (push) Successful in 35s
CI/CD / CI · Website (tsc) (push) Successful in 45s
CI/CD / CI · Koja (tsc) (push) Successful in 49s
CI/CD / Deploy · all services (push) Successful in 5m43s
The branch-menu-overrides availability switch (dashboard) and the BlogToggle (admin website editor) still moved their knob with translate-x while inheriting RTL, so the knob escaped the track on the right. Pin both to dir="ltr" like the other switches. All four role="switch" toggles in the codebase now share the fix. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -162,6 +162,7 @@ function BlogToggle({
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
role="switch"
|
role="switch"
|
||||||
|
dir="ltr"
|
||||||
aria-checked={checked}
|
aria-checked={checked}
|
||||||
onClick={() => onChange(!checked)}
|
onClick={() => onChange(!checked)}
|
||||||
className={cn(
|
className={cn(
|
||||||
|
|||||||
@@ -193,6 +193,8 @@ export function BranchMenuOverrides({
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
role="switch"
|
role="switch"
|
||||||
|
// Force LTR so the knob's translate-x stays inside the track in RTL.
|
||||||
|
dir="ltr"
|
||||||
aria-checked={row.isAvailable}
|
aria-checked={row.isAvailable}
|
||||||
className={cn(
|
className={cn(
|
||||||
"relative inline-flex h-6 w-11 shrink-0 rounded-full border transition-colors",
|
"relative inline-flex h-6 w-11 shrink-0 rounded-full border transition-colors",
|
||||||
|
|||||||
Reference in New Issue
Block a user