Skip to content

Improve sidebar styling - #1597

Open
amirhhashemi wants to merge 2 commits into
solidjs:mainfrom
amirhhashemi:improve-sidebar
Open

Improve sidebar styling#1597
amirhhashemi wants to merge 2 commits into
solidjs:mainfrom
amirhhashemi:improve-sidebar

Conversation

@amirhhashemi

Copy link
Copy Markdown
Collaborator

Fixes three issues with the sidebar:

  1. Removes the extra margin around the version selector to improve alignment.

Before:
Screenshot from 2026-07-27 21-00-18

After:
Screenshot from 2026-07-27 21-00-29

  1. Fixes horizontal overflow when the "Reference" tab is selected. The issue was that Kobalte didn't calculate the width of the tab indicator (underline) correctly, causing it to overflow. The most straightforward fix I found was scrollbar-gutter: stable, which reserves space for the scrollbar so Kobalte takes it into account.

Before:
Screenshot from 2026-07-27 21-04-45

After:
Screenshot from 2026-07-27 21-04-56

  1. Fixes an issue in Firefox where the scrollbar overlapped the content by adding some padding.

Before:
Screenshot from 2026-07-27 21-12-12

After:
Screenshot from 2026-07-27 21-12-24

Closes: #1591
Closes: #1478

@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@netlify

netlify Bot commented Jul 27, 2026

Copy link
Copy Markdown

Deploy Preview for solid-docs ready!

Name Link
🔨 Latest commit 9f8afd2
🔍 Latest deploy log https://app.netlify.com/projects/solid-docs/deploys/6a67998ef535a8000863b88f
😎 Deploy Preview https://deploy-preview-1597--solid-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Sidebar content scrolls horizontally while Reference tab is selected [Other]: Navigation scrollbar overlaps version dropdown in Firefox

1 participant