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

描述

贡献者指南

技术栈

javascriptreact

领域

frontend

议题类型

bug

难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。

2

预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。

1-3 hours

活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。

stale

清晰度议题是否清楚说明期望改动、验收标准和下一步。

needs investigation

前置要求

CSS overflow/wrappingReact componentsCheckout UI

新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。

55

研究方向

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.