Documentation UI Bug

[Srkrishna]

While doing horizontal scroll in this page content override with the left section.

[pgcalixto]

It seems to be an issue with esdoc. I found a related issue reported there: https://github.com/esdoc/esdoc/issues/541

Similar to the $("head").append("<style>...</style>"); found in docs/plugin.js, it is possible to add a

  $("head").append("<style>.navigation {background-color: #fff;}</style>");

I added the append command above and built the site, and it seemed to resolve this issue for me:

This makes the navigation menu be displayed in front of the install guide. I guess another option would be to hide the menu when the page is horizontally scrolled. However, I lack the CSS skills to do it 😅

It should be noted that the "Internet Explorer" is still in front of the navigation menu, but this seems to be due to a "position: relative" in the ESDoc CSS for h3 elements, which I guess is more of a ESDoc's responsibility than Luxon's. Still, all the install guide was displayed in the back, only the h3 heading happened to be a problem.

---

References:

• https://github.com/esdoc/esdoc/issues/541
• https://github.com/moment/luxon/blob/cf6e87799b107845c6c2e0d257caf0fc31ab5a41/docs/plugin.js#L21