Breadcrumbs, when long, overlap the title on small size screens

[dbitouze]

When the title of the current page is long, the breadcrumb is also long. Since the last element of the breadcrumb (the title) is not shortened by dots, it may result on small screens in a (at least) 3 lines long breadcrumb. In such a case, the title of the current page and the breadcrumb overlap.

Here is an example:

[trallard]

I wonder if we should look at increasing the space between the title and breadcrumbs in mobile or I wonder if after X number of characters we should truncate the title of the current page in the breadcrumbs.

Thoughts? @gabalafou @smeragoel

[12rambau]

even though I was'nt pinged, I will add my .2$ 😄
I think we should truncate the number of characters. It's the last level that is problematic i.e. it's the title of the current page so it's not a link.

[dbitouze]

@trallard and @12rambau: I agree the title of the current page could be truncated since, in addition to not be a link, it is written just below.

[smeragoel]

I agree, truncation is the way to go, and that is what is done usually. 15 characters for the cutoff limit should be enough.