Fix sidebar clipping of long dotted identifiers

Adds CSS overrides to allow overflow and word-break in sidebar links,
complementing the existing sidebar-wrap.js zero-width-space injection.

Author: Elizabeth Davis

docs/src/_static/custom.css

@@ -77,6 +77,18 @@ html.dark code.docutils {
     font-weight: 600;
 }
 
+/* Allow long dotted FQNs to wrap in the sidebar instead of clipping */
+.sy-sidebar-toc,
+.sy-sidebar-toc ul,
+.sy-sidebar-toc li {
+    overflow: visible;
+}
+
+.sy-lside a {
+    white-space: normal;
+    word-break: break-word;
+}
+
 /* Reset code font in sidebar nav — prevents identifier-titled pages
  * from rendering in monospace */
 .sy-lside a code {