Skip to content

Polish mobile navbar & slide-out drawer#846

Merged
wu-sheng merged 1 commit into
masterfrom
polish-mobile-nav
May 21, 2026
Merged

Polish mobile navbar & slide-out drawer#846
wu-sheng merged 1 commit into
masterfrom
polish-mobile-nav

Conversation

@wu-sheng
Copy link
Copy Markdown
Member

Follow-up to the website redesign: the narrow-width navbar and the slide-out menu drawer were still on default/inconsistent styling.

Changes

  • Narrow bar fix — the desktop right group (search + Apache dropdown) was being forced visible on mobile (an earlier display:flex !important overrode Bootstrap's d-none), crowding the bar. Re-hidden below lg so the hamburger drawer handles navigation.
  • Drawer theming — the slide-out .sidebar now matches the light theme: sits flush under the 64px navbar, rounded panel with border + shadow, rounded nav links with hover/active (brand-blue) states, and the 中文资料 / Links groups restyled as labelled sections with indented, hover-highlighted items. Dimmed backdrop; brand-colored hamburger.

Scoped to mobile (≤ lg); desktop nav unchanged. hugo builds clean.

🤖 Generated with Claude Code

@netlify
Copy link
Copy Markdown

netlify Bot commented May 21, 2026

Deploy Preview for skywalking-website-preview failed.

Name Link
🔨 Latest commit 6e6e1b8
🔍 Latest deploy log https://app.netlify.com/projects/skywalking-website-preview/deploys/6a0e7db8c1554e0007498525

@wu-sheng wu-sheng merged commit 2d339cf into master May 21, 2026
0 of 5 checks passed
@wu-sheng wu-sheng deleted the polish-mobile-nav branch May 21, 2026 03:39
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.

1 participant