fix: 调整文档右侧TOC导航栏，避免遮挡主要内容#109
Merged
Merged
Conversation
- Increase content column from 75% to 80% of container width - Reduce TOC column from 25% to 20% to push it further right - Add overflow-x: auto to content area to prevent wide tables/code from bleeding into the TOC column - Add left border + padding on TOC for visual separation Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
该 PR 针对 Docusaurus 文档站点桌面端（≥997px）右侧 TOC（目录）可能遮挡主要内容的问题，通过调整内容列/TOC 列比例并为内容区增加横向溢出保护，来减少视觉与布局上的重叠风险。
Changes:
- 在桌面端将主内容列最大宽度调整为 80%，并将 TOC 列宽调整为 20%。
- 为文档内容区域增加
overflow-x: auto，避免宽表格/代码块横向溢出覆盖 TOC。 - 为 TOC 增加左边框与内边距，增强内容与 TOC 的视觉分隔。
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
改动说明
本次 PR 修复了文档站点右侧 TOC 导航栏容易遮挡主要内容的问题。
具体修改
overflow-x: auto效果
修改文件
website/src/css/custom.css— 在 TOC 区块添加@media (min-width: 997px)布局覆盖Closes #108
🤖 Generated with Claude Code