1375263 - Redesign: In sidebar, break words on "." to improve wrapping of long API terms

Status: RESOLVED WORKSFORME

(developer.mozilla.org Graveyard :: Design, enhancement)

Description

[Eric Shepherd [:sheppy]]

What did you do?
================
1. Visited https://developer.allizom.org/en-US/docs/Web/API/Intersection_Observer_API

What happened?
==============
Note the sidebar in which entries such as "IntersectionObserverEntry.intersectionRatio" wrap in the middle of words, making them hard to read:

IntersectionObserverEntry.boundin
gClientRect
IntersectionObserverEntry.interse
ctionRatio

What should have happened?
==========================
These should wrap on the dot, with an indent, like this:

IntersectionObserverEntry.
     boundingClientRect
IntersectionObserverEntry.
     intersectionRatio

(Or would it be even better to end-justify the second line? I don't know - but some form of fix would help here)

Is there anything else we should know?
======================================

Comment 1

[Eric Shepherd [:sheppy]]

Attachment: Screenshot of the wrapping issue in question

Comment 2

[Kadir Topal [:atopal]]

I see the same issues in the old design, maybe it happens more often now, since the new design has larger font sizes?