GithubBackup/MyGoNavi
1
0
Fork 0
mirror of https://github.com/Syngnat/GoNavi.git synced 2026-08-12 01:24:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(datagrid): 恢复结果视图选中主题色

Browse Source 
- 选中状态恢复主题强调色与对应前景色
- 补齐聚焦、悬停和按下状态的主题派生色
- 增加回归断言，避免样式退回中性背景
This commit is contained in:
Syngnat
2026-07-31 17:48:32 +08:00
parent 2e55242f80
commit e117ec2c8c
2 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/DataGrid.layout.test.tsx
View File

@@ -1327,6 +1327,10 @@ describe('DataGrid layout', () => {
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-commit-button:disabled {'),
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid .gn-v2-commit-button .gn-v2-toolbar-kbd {'),
);
const viewTabSelectionCss = css.slice(
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary {'),
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid-statusbar .gn-v2-data-grid-toolbar-action.ant-btn {'),
);
const resultViewSelectionCss = css.slice(
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid-result-switcher .ant-segmented-item-selected,'),
css.indexOf('body[data-ui-version="v2"] .gn-v2-data-grid-page-find-overlay {'),
@@ -1340,6 +1344,12 @@ describe('DataGrid layout', () => {
expect(commitDisabledCss).toContain('background: var(--gn-bg-active) !important;');
expect(commitDisabledCss).toContain('color: var(--gn-fg-5) !important;');
expect(commitDisabledCss).not.toContain('var(--gn-accent-soft)');
expect(viewTabSelectionCss).toContain('background: var(--gn-accent-strong, var(--gn-accent)) !important;');
expect(viewTabSelectionCss).toContain('color: var(--gn-on-accent, #fff) !important;');
expect(viewTabSelectionCss).not.toContain('background: var(--gn-bg-active) !important;');
expect(viewTabSelectionCss).toContain(':focus-visible');
expect(viewTabSelectionCss).toContain('background: var(--gn-accent-strong-hover, var(--gn-accent-2)) !important;');
expect(viewTabSelectionCss).toContain('background: var(--gn-accent-strong-active, var(--gn-accent-2)) !important;');
expect(resultViewSelectionCss).toContain('background: var(--gn-accent-strong, var(--gn-accent)) !important;');
expect(resultViewSelectionCss).toContain('border: 0 !important;');
expect(resultViewSelectionCss).toContain('box-shadow: none !important;');

22
frontend/src/v2-theme.css
View File

@@ -4726,9 +4726,25 @@ body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn {
}
body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary {
background: var(--gn-bg-active) !important;
color: var(--gn-fg-1) !important;
border-color: transparent !important;
background: var(--gn-accent-strong, var(--gn-accent)) !important;
color: var(--gn-on-accent, #fff) !important;
border-color: var(--gn-accent-strong, var(--gn-accent-2)) !important;
box-shadow: var(--gn-shadow-sm), inset 0 0.5px 0 rgba(255, 255, 255, 0.15) !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary:hover,
body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary:focus,
body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary:focus-visible {
background: var(--gn-accent-strong-hover, var(--gn-accent-2)) !important;
color: var(--gn-on-accent, #fff) !important;
border-color: var(--gn-accent-strong-hover, var(--gn-accent-2)) !important;
box-shadow: var(--gn-shadow-sm), inset 0 0.5px 0 rgba(255, 255, 255, 0.15) !important;
}
body[data-ui-version="v2"] .gn-v2-data-grid-view-tabs .ant-btn-primary:active {
background: var(--gn-accent-strong-active, var(--gn-accent-2)) !important;
color: var(--gn-on-accent, #fff) !important;
border-color: var(--gn-accent-strong-active, var(--gn-accent-2)) !important;
box-shadow: none !important;
}