regression: breadcrumbs truncated regardless of screen size

[ivanov]

Good time of day to you! In jupyter/jupyter#702, we noticed that breadcrumbs get shortened very aggressively.

The change that introduced this was #1460 which was trying to address #1451, which affects mobile browsers (or very skinny viewports on desktop), but #1460 does so by cutting out letters without regard for the width of the viewport, which makes for some strange experiences when viewing using a laptop or desktop.

I think a more suitable alternative would be to revert #1460 and instead use something like CSS text-overflow and media queries to address and prevent overlap of breadcrumbs on small screens.

Compare the old 0.13.3

with the new 0.14.3

cc @12rambau and @drammock who implemented and merged #1460

[drammock]

thanks for raising this. text-overflow: ellipsis does look like a good option. Sadly I'm about to head on holiday for a week and wasn't able to tackle this beforehand. My apologies; hopefully another dev has time to look at it sooner. Otherwise I'll take a look early in December.