Skip to content

Fix/banner sidebar 859#1146

Open
masher-pp wants to merge 2 commits intonexu-io:mainfrom
masher-pp:fix/banner-sidebar-859
Open

Fix/banner sidebar 859#1146
masher-pp wants to merge 2 commits intonexu-io:mainfrom
masher-pp:fix/banner-sidebar-859

Conversation

@masher-pp
Copy link
Copy Markdown

What

修复更新通知横幅遮挡侧边栏的问题,将横幅从左侧移动到右侧

Why

更新通知横幅在左侧会遮挡侧边栏导航元素,影响用户操作。移动到右侧后避免重叠,提升用户体验。
Closes #859

How

  • 修改文件:apps/desktop/src/runtime-page.css
  • 变更内容:left: 12px → right: 12px
  • 添加:left: auto 确保定位正确

Affected areas

  • Desktop app (Electron shell) ✅
  • Controller (backend / API)
  • Web dashboard (React UI)
  • OpenClaw runtime
  • Skills
  • Shared schemas / packages
  • Build / CI / Tooling

Checklist

  • pnpm typecheck passes ✅
  • pnpm lint passes ✅
  • pnpm test passes ✅
  • pnpm generate-types run (if API routes/schemas changed)
  • No credentials or tokens in code or logs ✅
  • No any types introduced (use unknown with narrowing) ✅

Screenshots / recordings

wcs04 added 2 commits April 14, 2026 20:36
将更新通知横幅从左侧移动到右侧,避免与侧边栏导航元素重叠。

- 修改文件: apps/desktop/src/runtime-page.css
- 变更: left: 12px → right: 12px,添加 left: auto
Copy link
Copy Markdown
Collaborator

@lefarcen lefarcen left a comment

Choose a reason for hiding this comment

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

Hi @masher-pp! 🎉

Wow, thanks for fixing the update banner overlap with the sidebar—what a thoughtful UX improvement! 🙌 Moving it to the right side with left: auto is a clean solution that should resolve #859 nicely.

A few quick thoughts:

  • Consider adding a media query for very narrow viewports (e.g., @media (max-width: 400px)), where right positioning might still cause minor overlaps or clipping.
  • The checklist looks solid—no secrets, types clean, tests pass. Great work on the affected areas assessment!

This looks excellent overall. We'll review promptly (target: 24h). Questions or updates? Push here!

Join our communities:

Thanks for making Nexu better!
Nexu Team

@@ -1294,7 +1294,8 @@ body,
.update-card {
position: fixed;
bottom: 80px;
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

✅ Perfect fix—right: 12px; left: auto; cleanly repositions without side effects. Consider box-shadow if needed for visual separation from sidebar.

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][UX] Update notification banner obstructs sidebar navigation

2 participants