Automattic/wp-calypso

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

Open

#45.005 geöffnet am 18. Aug. 2020

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (12.277 Stars) (2.034 Forks)batch import
Good First IssueTask[Feature] Checkout

Beschreibung

Related: https://github.com/Automattic/wp-calypso/pull/40242

Contributor Guide

Tech Stack
javascriptreact
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
needs investigation
Voraussetzungen
CSS overflow/wrappingReact componentsCheckout UI
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
55
Research-Richtung
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.