🐛 fix(data-grid): 修复底部状态栏窄屏信息被隐藏

- 状态栏外层改为横向滚动,避免 AI 面板开启或小屏时功能被遮挡

- main/right 区域保持 max-content 宽度,避免分页和操作区被压缩

- 移除窄屏下隐藏行数和未提交状态的媒体规则

- 补充布局测试断言,防止状态数字再次被隐藏
This commit is contained in:
Syngnat
2026-06-02 12:32:19 +08:00
parent c277791ef3
commit c000bc3c69
2 changed files with 36 additions and 38 deletions

View File

@@ -564,7 +564,13 @@ describe('DataGrid layout', () => {
expect(css).toContain('width: 66px !important;');
expect(css).toContain('grid-template-columns: 160px 26px 26px !important;');
expect(css).toContain('container-name: gn-v2-data-grid-statusbar;');
expect(css).toContain('body[data-ui-version="v2"] .gn-v2-data-grid-status-right::-webkit-scrollbar');
expect(css).toContain('body[data-ui-version="v2"] .gn-v2-data-grid-statusbar::-webkit-scrollbar');
expect(css).toContain('scrollbar-width: thin;');
expect(css).toContain('min-width: max-content;');
expect(css).toContain('flex: 0 0 auto;');
expect(css).toContain('body[data-ui-version="v2"] .gn-v2-data-grid-status-center {');
expect(css).not.toContain('.gn-v2-data-grid-status-center > span:last-child {\n display: none;');
expect(css).not.toContain('.gn-v2-data-grid-status-center > span:nth-child(2) {\n display: none;');
expect(css).toContain('body[data-ui-version="v2"] .gn-v2-data-grid-pagination-wrap::-webkit-scrollbar');
expect(css).toContain('@container gn-v2-data-grid-statusbar (max-width: 960px)');
expect(css).toContain('@container gn-v2-data-grid-statusbar (max-width: 760px)');