improve line break in sidebar TOC

2sic · Dec 12, 2024 · 3a6f77b · 3a6f77b
1 parent 2f3ae65
commit 3a6f77b
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 8 deletions.
diff --git a/docs-src/templates/2sxc/public/main.css b/docs-src/templates/2sxc/public/main.css
diff --git a/docs-src/templates/2sxc/public/main.css.map b/docs-src/templates/2sxc/public/main.css.map
diff --git a/docs-src/templates/2sxc/public/main.js b/docs-src/templates/2sxc/public/main.js
diff --git a/docs-src/templates/2sxc/public/main.js.map b/docs-src/templates/2sxc/public/main.js.map
diff --git a/docs-src/templates/shared-global/src/styles/_index.scss b/docs-src/templates/shared-global/src/styles/_index.scss
@@ -24,7 +24,11 @@
 // Special Architecture SVG image with highlights which animate
 @use "./img-architecture.scss";
 
+// Experimental line wrap in TOC //
+@import './api-toc-sidebar-menu.scss';
+
 
 ///*** Third-Party Dependencies ***///
 // Fancybox
 @import "~@fancyapps/ui/dist/fancybox/fancybox.css";
+
diff --git a/docs-src/templates/shared-global/src/styles/api-toc-sidebar-menu.scss b/docs-src/templates/shared-global/src/styles/api-toc-sidebar-menu.scss
@@ -0,0 +1,23 @@
+// Special enhancement
+// So that APIs like method names don't wrap in the right panel
+// Otherwise long APIs take up 3-7 lines and make it really hard to read
+
+// Only on the body which is marked as a "ManagedReference"
+body[data-yaml-mime="ManagedReference"] nav#affix {
+
+  // Links to methods / properties
+  a.link-secondary {
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+
+    // test color while working
+    // color: green !important;
+
+    // Docfx generates a bunch of word-break tags, which if visible prevent the ellipsis from happening
+    wbr {
+      display: none;
+    }
+  }
+}
diff --git a/docs/public/main.css b/docs/public/main.css
diff --git a/docs/public/main.css.map b/docs/public/main.css.map
diff --git a/docs/public/main.js b/docs/public/main.js
diff --git a/docs/public/main.js.map b/docs/public/main.js.map