Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrollbar may obscure content area 滚动条有可能遮挡内容区域 #21

Closed
5 tasks done
Aaron-zon opened this issue May 6, 2024 · 2 comments · Fixed by #25
Closed
5 tasks done

Scrollbar may obscure content area 滚动条有可能遮挡内容区域 #21

Aaron-zon opened this issue May 6, 2024 · 2 comments · Fixed by #25
Labels
good first issue Good for newcomers

Comments

@Aaron-zon
Copy link
Contributor

Aaron-zon commented May 6, 2024

Describe the bug

如图所示,当页面内容过长时,会出现一个垂直滚动条。但滚动条目前的位置可能会遮挡右侧的图表和指标卡片,影响用户查看这些重要数据。

建议解决方案:

  • 为数据卡片添加内边距,让出空间给滚动条显示。
  • 尝试重新布局页面,在右侧预留出一定空间,专门用于显示滚动条。

image

Reproduction

https://celeris-web.vercel.app/#/dashboard/index

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.
@kirklin kirklin added the good first issue Good for newcomers label May 6, 2024
@kirklin
Copy link
Owner

kirklin commented May 6, 2024

我觉得溢出不是问题,但是滚动条这个确实可以想办法让他展示在内容区域外

@kirklin
Copy link
Owner

kirklin commented May 9, 2024

进一步优化:寻求更佳的解决方案,因为当前方案会导致上下内边距与左右内边距不一致。此外,我们不应期望避免滚动条遮挡内容的时候我们需要为其预留页面位置。
image

@kirklin kirklin changed the title 滚动条有可能遮挡内容区域 Scrollbar may obscure content area 滚动条有可能遮挡内容区域 May 9, 2024
@kirklin kirklin closed this as completed Jun 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
2 participants