Skip to content

Commit a2cc2a7

Browse files
Keep settings switch thumb within its track
1 parent 5a0b10d commit a2cc2a7

1 file changed

Lines changed: 7 additions & 2 deletions

File tree

apps/desktop/src/styles.css

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9196,10 +9196,15 @@ img.settings-open-destination-icon {
91969196
height: 16px;
91979197
border-radius: 999px;
91989198
background: #fff;
9199+
/* Tailwind uses the independent translate property; do not combine it with
9200+
this settings-specific transform or the thumb moves twice. */
9201+
translate: none;
9202+
transform: translateX(0);
91999203
transition: transform 160ms ease;
92009204
}
9201-
.settings-toggle[data-checked] span,
9202-
.settings-toggle[data-state="checked"] span { transform: translateX(16px); }
9205+
.settings-toggle:is([data-checked], [data-state="checked"]) > [data-slot="switch-thumb"] {
9206+
transform: translateX(16px);
9207+
}
92039208
.settings-action-button {
92049209
min-width: 96px;
92059210
height: 34px;

0 commit comments

Comments
 (0)