fix: dot position

abbeyperini · abbeyperini · commit bac8f7b874e1 · 2026-02-10T19:14:00.000-05:00
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -104,18 +104,18 @@ label:has(input:hover) .toggle--background {
 
 /* Support rtl locales */
 .toggle--checkbox.ltr + .toggle--background:before {
-  left: 3px;
+  left: 1px;
 }
 
 .toggle--checkbox.rtl + .toggle--background:before {
-  right: 3px;
+  right: 1px;
 }
 
 .toggle--checkbox:checked.ltr + .toggle--background:before {
-  transform: translate(17px);
+  transform: translate(19px);
 }
 
 .toggle--checkbox:checked.rtl + .toggle--background:before {
-  transform: translate(-17px);
+  transform: translate(-19px);
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -104,18 +104,18 @@ label:has(input:hover) .toggle--background {`
`104`	`104`
`105`	`105`	`/* Support rtl locales */`
`106`	`106`	`.toggle--checkbox.ltr + .toggle--background:before {`
`107`		`- left: 3px;`
	`107`	`+ left: 1px;`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`.toggle--checkbox.rtl + .toggle--background:before {`
`111`		`- right: 3px;`
	`111`	`+ right: 1px;`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`.toggle--checkbox:checked.ltr + .toggle--background:before {`
`115`		`- transform: translate(17px);`
	`115`	`+ transform: translate(19px);`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`.toggle--checkbox:checked.rtl + .toggle--background:before {`
`119`		`- transform: translate(-17px);`
	`119`	`+ transform: translate(-19px);`
`120`	`120`	`}`
`121`	`121`	`</style>`