diff --git a/.changeset/silver-grapes-heal.md b/.changeset/silver-grapes-heal.md new file mode 100644 index 000000000000..a63cd2936357 --- /dev/null +++ b/.changeset/silver-grapes-heal.md @@ -0,0 +1,5 @@ +--- +"ledger-live-desktop": minor +--- + +Fix Device Selector alignment and text overflow diff --git a/apps/ledger-live-desktop/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.tsx b/apps/ledger-live-desktop/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.tsx index bef8d1b69c9a..7639b9eca391 100644 --- a/apps/ledger-live-desktop/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.tsx +++ b/apps/ledger-live-desktop/src/renderer/components/Onboarding/Screens/SelectDevice/DeviceSelectorOption.tsx @@ -6,6 +6,7 @@ import { useTranslation } from "react-i18next"; const DeviceIllustrationContainer = styled(Flex)` transition: transform ease-out 150ms; will-change: transform; + height: 260px; `; type BorderProps = ThemeProps & { isFirst: boolean; isLast: boolean }; @@ -62,6 +63,11 @@ const DeviceName = styled(Text).attrs({ fontSize: 24, fontWeight: "semiBold", fontFamily: "Inter", + textAlign: "center", + paddingLeft: 4, + paddingRight: 4, + marginTop: 32, + height: 60, })``; interface DeviceSelectOptionProps { @@ -86,7 +92,7 @@ export function DeviceSelectorOption({ {Illu} - {label} + {label} {t("onboarding.screens.selectDevice.selectLabel")} diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png index 5a57d8e7cda7..70f3527e8143 100644 Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/connect-device.spec.ts-snapshots/v3-device-selection-linux.png differ diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png index 5a57d8e7cda7..70f3527e8143 100644 Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/restore-device.spec.ts-snapshots/v3-device-selection-linux.png differ diff --git a/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png b/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png index 5a57d8e7cda7..70f3527e8143 100644 Binary files a/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png and b/apps/ledger-live-desktop/tests/specs/onboarding/setup-device.spec.ts-snapshots/v3-device-selection-linux.png differ