SCSS mixins: long-content-fade seems to not working on Single Site view

[vitozev]

Quick summary

The long-content-fade (see the code) used in the Site Switcher isn't working on the Single Site views on Jetpack Cloud and WordPress.com. It works fine on the Multi Site view, though.

Here's some of our previous work, which solves the same issue on WordPress.com: https://github.com/Automattic/wp-calypso/pull/65598

Here's a screenshot of how it looks now and the expected result (note the fading effect).

Actual	Expected

Steps to reproduce

1. Visit cloud.jetpack.com
2. From the sidebar, switch to a site with a long title (alternatively, you can change the title using Dev Tools)

What you expected to happen

The fade-out effect should be applied. The same way it works for the All sites view.

What actually happened

Observe that the fade-out effect isn't working for the long titles

Impact

All

Available workarounds?

There is no user impact

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[maciejpilarski]

📌 REPRODUCTION RESULTS  Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO I was able to reproduce the issue on one of my personal self-hosted sites: The long title does not have the expected fading effect.

📌 ACTIONS

• Triaged

[davemart-in]

Changing status from Normal to Low.