ewilliams28/FFU
1
0
Fork 0
mirror of https://github.com/rbalsleyMSFT/FFU.git synced 2026-06-14 02:09:35 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improves TOC layouts for long content

Browse Source 
Keeps heading permalink icons visible by allowing horizontal overflow.

Prevents long code blocks and tables from overlapping the page TOC by enabling horizontal scrolling where needed.
This commit is contained in:
rbalsleyMSFT
2026-02-05 12:59:27 -08:00
parent dc024c9d99
commit edc9901e7e
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/_includes/head_custom.html
+11 -3
View File
@@ -75,7 +75,7 @@
word-break: break-word; word-break: break-word;
} }
.main-content :not(pre) > code { .main-content :not(pre)>code {
white-space: normal; white-space: normal;
overflow-wrap: anywhere; overflow-wrap: anywhere;
word-break: break-word; word-break: break-word;
@@ -132,8 +132,16 @@
margin-right: 0; margin-right: 0;
justify-self: stretch; justify-self: stretch;
/* Safety net: if anything still overflows, don't let it render under the TOC */ /* Keep heading permalink icons visible */
overflow-x: hidden; /* (Just-the-Docs positions .anchor-heading to the left at desktop widths) */
overflow-x: visible;
}
/* Safety net: prevent long code/tables from overlapping the TOC */
.main-content-wrap.has-page-toc .main-content pre,
.main-content-wrap.has-page-toc .main-content .highlighter-rouge,
.main-content-wrap.has-page-toc .main-content .table-wrapper {
overflow-x: auto;
} }
/* TOC always stays in the right column */ /* TOC always stays in the right column */