Update app/components/Settings/Toggle.client.vue

abbeyperini · knowler · web-flow · commit e1887e27e21c · 2026-02-10T19:18:47.000-05:00
Co-authored-by: Nathan Knowler &lt;nathan@knowler.dev&gt;
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -101,12 +101,8 @@ label:has(input:hover) .toggle--background {
 }
 
 /* Support rtl locales */
-.toggle--checkbox.ltr + .toggle--background:before {
-  left: 1px;
-}
-
-.toggle--checkbox.rtl + .toggle--background:before {
-  right: 1px;
+.toggle--checkbox + .toggle--background::before {
+  inset-inline-start: 3px;
 }
 
 .toggle--checkbox:checked.ltr + .toggle--background::before {

Original file line number	Diff line number	Diff line change
`@@ -101,12 +101,8 @@ label:has(input:hover) .toggle--background {`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`/* Support rtl locales */`
`104`		`-.toggle--checkbox.ltr + .toggle--background:before {`
`105`		`- left: 1px;`
`106`		`-}`
`107`		`-`
`108`		`-.toggle--checkbox.rtl + .toggle--background:before {`
`109`		`- right: 1px;`
	`104`	`+.toggle--checkbox + .toggle--background::before {`
	`105`	`+ inset-inline-start: 3px;`
`110`	`106`	`}`
`111`	`107`
`112`	`108`	`.toggle--checkbox:checked.ltr + .toggle--background::before {`