Skip to content

fix(theme/outline): prevent sidebar menu text and icons from overflowing on narrow screens and upgrade @rslib/core#3108

Merged
SoonIter merged 1 commit intomainfrom
syt-vibe-kanban/cfc6-ui
Feb 6, 2026
Merged

fix(theme/outline): prevent sidebar menu text and icons from overflowing on narrow screens and upgrade @rslib/core#3108
SoonIter merged 1 commit intomainfrom
syt-vibe-kanban/cfc6-ui

Conversation

@SoonIter
Copy link
Copy Markdown
Member

@SoonIter SoonIter commented Feb 6, 2026 •
edited
Loading

Summary

  • Prevent the outline text in the sidebar menu from overflowing into the "Menu" button on narrow screens by adding flex-shrink: 0 to the left section and min-width: 0 / overflow: hidden with text ellipsis to the right section
  • Prevent the progress circle and arrow icons from being squeezed by long text, using flex-shrink: 0 on icon elements
image

Test plan

  • View a doc page on a narrow screen (<1280px) with a long section title in the sidebar menu
  • Verify the "Menu" button is not overlapped by the outline text
  • Verify the progress circle and arrow icon maintain their size
  • Verify long text is truncated with ellipsis

Copilot AI review requested due to automatic review settings February 6, 2026 06:41
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented Feb 6, 2026 •
edited
Loading

Deploying rspress-v2 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 8c4dbdf
Status: ✅  Deploy successful!
Preview URL: https://7f75b2a1.rspress-v2.pages.dev
Branch Preview URL: https://syt-vibe-kanban-cfc6-ui.rspress-v2.pages.dev

View logs

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Feb 6, 2026 •
edited
Loading

Rsdoctor Bundle Diff Analysis

Found 3 projects in monorepo, 2 projects with changes.

📊 Quick Summary
Project Total Size Change
node 11.9 MB +11.3 KB (0.1%)
node_md 1.5 MB 0
web 15.8 MB +689.0 B (0.0%)
📋 Detailed Reports (Click to expand)

📁 node

Path: website/doc_build/diff-rsdoctor/node/rsdoctor-data.json

📌 Baseline Commit: 56cd7d58bf | PR: #3107

Metric Current Baseline Change
📊 Total Size 11.9 MB 11.9 MB +11.3 KB (0.1%)
📄 JavaScript 0 B 0 B 0
🎨 CSS 0 B 0 B 0
🌐 HTML 11.9 MB 11.9 MB +11.3 KB (0.1%)
📁 Other Assets 0 B 0 B 0

📦 Download Diff Report: node Bundle Diff

📁 web

Path: website/doc_build/diff-rsdoctor/web/rsdoctor-data.json

📌 Baseline Commit: 56cd7d58bf | PR: #3107

Metric Current Baseline Change
📊 Total Size 15.8 MB 15.8 MB +689.0 B (0.0%)
📄 JavaScript 15.5 MB 15.5 MB +341.0 B (0.0%)
🎨 CSS 119.6 KB 119.3 KB +348.0 B (0.3%)
🌐 HTML 0 B 0 B 0
📁 Other Assets 166.3 KB 166.3 KB 0

📦 Download Diff Report: web Bundle Diff

Generated by Rsdoctor GitHub Action

Copilot AI reviewed Feb 6, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes a UI overflow issue in the sidebar menu component that occurs on screens narrower than 1280px. The fix implements proper flex layout constraints to prevent text from overflowing into the "Menu" button, while ensuring icons maintain their size when text is long.

Changes:

  • Added flex-shrink constraints and text ellipsis handling to the SidebarMenu component
  • Updated @rslib/core dependency from 0.19.4 to 0.19.5 across all packages
  • Added a VS Code extension recommendation (unrelated to the main fix)

Reviewed changes

Copilot reviewed 16 out of 17 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
packages/core/src/theme/components/SidebarMenu/index.tsx Added CSS classes for text and icon elements to enable targeted styling
packages/core/src/theme/components/SidebarMenu/index.scss Implemented flex-shrink constraints, min-width, overflow handling, and text ellipsis with line-clamp
pnpm-lock.yaml Updated lockfile to reflect @rslib/core 0.19.5 and transitive dependencies
packages/core/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/shared/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-typedoc/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-twoslash/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-sitemap/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-rss/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-preview/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-playground/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-llms/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-client-redirects/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-api-docgen/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/plugin-algolia/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
packages/create-rspress/package.json Bumped @rslib/core from 0.19.4 to 0.19.5
.vscode/extensions.json Added bloop.vibe-kanban extension recommendation
Files not reviewed (1)
  • pnpm-lock.yaml: Language not supported

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread .vscode/extensions.json Outdated
@SoonIter SoonIter force-pushed the syt-vibe-kanban/cfc6-ui branch from f914c76 to 8c4dbdf Compare February 6, 2026 06:44
@SoonIter SoonIter changed the title fix: prevent sidebar menu text and icons from overflowing on narrow screens fix(theme/outline): prevent sidebar menu text and icons from overflowing on narrow screens Feb 6, 2026
@SoonIter SoonIter requested a review from Copilot February 6, 2026 06:46
@SoonIter SoonIter changed the title fix(theme/outline): prevent sidebar menu text and icons from overflowing on narrow screens fix(theme/outline): prevent sidebar menu text and icons from overflowing on narrow screens and upgrade @rslib/core Feb 6, 2026
@SoonIter SoonIter requested a review from Timeless0911 February 6, 2026 06:51
@SoonIter SoonIter enabled auto-merge (squash) February 6, 2026 07:03
Copilot AI reviewed Feb 6, 2026
View reviewed changes
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

@SoonIter SoonIter merged commit 9e54ff7 into main Feb 6, 2026
13 of 14 checks passed
@SoonIter SoonIter deleted the syt-vibe-kanban/cfc6-ui branch February 6, 2026 07:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

Copilot code review Copilot Copilot left review comments

@Timeless0911 Timeless0911 Timeless0911 approved these changes

Assignees

No one assigned

Labels

change: fix

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@SoonIter @Timeless0911