Links and code section overflow in API Documentation pages

[rishabhkr-r111]

Links and code section overflow in API Documentation pages.

This both affect the Desktops and Mobile Versions, but it severely effects the useability of the website in the mobile version as due to overflow the hamburger menu is not accessible.

Switch to mobile Version and open the link https://openlibrary.org/dev/docs/api/search. Hamburger menu will not be accessible due to overflow.

Evidence / Screenshot (if possible)

Details

• Logged in (Y/N)?
• Browser type/version?
• Operating system?
• Environment (prod/dev/local)? prod/dev

Proposal & Constraints

word-wrap: break-word property can be added to div#contentBody to solve the issue.

Related files

openlibrary\static\css\layout\index.less

Stakeholders

[rishabhkr-r111]

I will like to work on this. The Solution should be very straightforward.

[mekarpeles]

@rishabhkr-r111 yes please, thank you for opening the issue and for your attention to detail :)