Unstable - Long text in the bread-crumb navigation

[pcenov]

Observed behavior

See the video - longer text is overlapping the menu items on top of the table.

Expected behavior

To be further discussed

Steps to reproduce the issue

1. Go to https://unstable.studio.learningequality.org/en/accounts/#/ and sign in
2. Open a channel with folders and all of the supported resources
3. Navigate to a folder with a long title
4. Start shrinking the horizontal size of the page

Additional information

responive-2.mp4

Console logs

no errors observed in the console

Usage Details

• OS: Windows 10, Ubuntu
• Browser: Chrome, Firefox
• URL: https://unstable.studio.learningequality.org/
• Caused by: Bulk Edit Release #4635

[pcenov]

@radinamatic

[akolson]

Tagging @jtamiace for thoughts on this. cc @marcellamaki

[jtamiace]

Is it possible for the title to remain on one line and begin truncation to avoid breaking to that second line and overlapping the other content?

[akolson]

Yes this should be possible!

[akolson]

Noting that this is actually a regression from the current version of studio caused by the Icon refactor that happened. Bumping this to critical.

[radinamatic]

Manual QA on the unstable branch confirms the fix.