Automattic / wp-calypso

The JavaScript and API powered WordPress.com
https://developer.wordpress.com
GNU General Public License v2.0
12.41k stars 1.98k forks source link

Design Picker: Text layout in upgrade tooltip #93356

Open alaczek opened 1 month ago

alaczek commented 1 month ago

Quick summary

The Upgrade tooltip in the design picker onboarding step has a single lonely word that looks off.

image

This only seems to be happening in onboarding, in the theme showcase it works as expected:

image

Steps to reproduce

  1. Start at /start and go through onboarding.
  2. Pick free plan, and "Other" as site goal.
  3. In the design picker step hover over Cottage or Vows themes Upgrade text.
  4. Note the tooltip content is split into two lines, with the word "plan" on its own new line.
  5. Hover over a theme that requires premium plan, for example Podcasty, and note the text layout is better. image

What you expected to happen

I expected words "Personal plan" to be together on a new line in the Upgrade tooltip.

What actually happened

The word "plan" was alone on a new line in the tooltip.

Impact

All

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

jartes commented 1 month ago

📌 REPRODUCTION RESULTS

📌 ACTIONS