fix: Set fixed toggle-status-width to avoid label to jiggle when switched on/off

ambroisemaupate · ambroisemaupate · commit 40bb4a0e9fb0 · 2023-01-18T11:59:27.000+01:00
diff --git a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue
@@ -55,6 +55,7 @@ export default defineComponent({
       :for="inputId"
       data-fr-checked-label="Activé"
       data-fr-unchecked-label="Désactivé"
+      style="--toggle-status-width: 3.55208125rem;"
     >
       {{ label }}
     </label>

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ export default defineComponent({`
`55`	`55`	`:for="inputId"`
`56`	`56`	`data-fr-checked-label="Activé"`
`57`	`57`	`data-fr-unchecked-label="Désactivé"`
	`58`	`+ style="--toggle-status-width: 3.55208125rem;"`
`58`	`59`	`>`
`59`	`60`	`{{ label }}`
`60`	`61`	`</label>`