Checkout: make sure long currency amounts wrap/don't wrap when applicable

Description

Guia do colaborador

Pilha de tecnologia

javascriptreact

Domain

frontend

Tipo Issue

bug

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

2

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

1-3 hours

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

stale

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

needs investigation

Prerequisites

CSS overflow/wrappingReact componentsCheckout UI

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

55

Direção de pesquisa

Investigate the related PR #40242 to understand the expected behavior. Look at the checkout component's styles for currency amounts, likely in a CSS file under the checkout directory. Check for any CSS rules that might cause unwanted wrapping or prevent wrapping when needed. The fix likely involves adjusting CSS overflow or white space properties. Ensure that long currency amounts wrap properly on small screens but do not wrap when there is enough space. The issue may also involve ensuring that the currency amount container has a fixed width or uses appropriate CSS text wrapping properties.