已关闭
[Bug]: 约 900px 窄视口下侧栏堆叠占据上半屏,对话与输入区被挤出首屏 #93
wang_cheng_zhao创建于  9月16日关闭于  10 天前
wang_cheng_zhao成员
9月16日 创建

关联 Issue:https://github.com/openJiuwen-ai/sciencediscovery/issues/40

🐞 问题详细描述

用户想做什么:在 13~14 寸笔记本电脑上全屏使用,或左右分屏(窗口宽度约 900px,一边看文献一边用 ScienceDiscovery)。

实际看到什么:界面没有采用抽屉或折叠侧栏,而是把左侧的「项目、会话、搜索、系统设置」整体变成占据视口上半部分的全宽区域;核心对话区域被挤到屏幕最下方,输入区不在首屏可视范围中部,需要滚动才能开始输入(窗口底边仍能看到输入条,并非完全没有输入框)。

约 900px 视口下的布局堆叠

为什么会困惑:新手在这种视口下打开应用,第一眼找不到输入区在哪,以为主界面没有输入入口,违背「主要操作常驻可视区」的响应式常识。

建议的用户可观察结果:宽度小于约 1024px 时侧栏默认折叠为抽屉导航,保证中央对话区与输入区完整呈现在首屏可视区内。

复现步骤:把浏览器窗口(或 DevTools 视口宽度)调到约 900px,观察侧栏与对话/输入区的相对位置。

详细的环境信息描述

  • 操作系统:Linux x86_64(内核 6.8)
  • 浏览器:Chrome
  • 视口宽度:约 900px(分屏/窄窗口场景)

其他辅助信息

前端布局位于 apps/web 的全局样式与响应式断点,当前断点策略在窄视口下选择纵向堆叠而不是折叠侧栏。

版本信息

v0.2.0(行为核对基线:main 分支 9b3d2e48)

likedislike
openJiuwen-bot成员
9月16日 评论:

欢迎来到 openJiuwen 社区

Hey @wang_cheng_zhao , 感谢你对社区的贡献.

机器人使用手册

有关指令的使用,可以点击 此处 查看详情。开发人员可以在每个PR或Issue下方评论特定指令来触发机器人任务。

likedislike
Wwang_cheng_zhao成员
9月16日 修改了issue 的描述
wang_cheng_zhao成员
10 天前 评论:

当前主干在约 900px 视口下,侧栏仍然改为纵向堆叠,对话列被挤出首屏。GitHub 上已有对应 issue:https://github.com/openJiuwen-ai/sciencediscovery/issues/40 。本条关闭,后续在 GitHub 跟踪。

likedislike
Wwang_cheng_zhao成员
10 天前 关闭了 issue
Wwang_cheng_zhao成员
10 天前 issue状态由 TODO 改变为 DONE
Wwang_cheng_zhao成员
10 天前 issue状态由 TODO 改变为 DONE