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

[Aaron-zon]

Describe the bug

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

建议解决方案:

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

Reproduction

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

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[kirklin]

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

[kirklin]

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