root/goodbuddy
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix: balance settings navigation highlights

Browse Source 
The settings category list reserved scrollbar space only on its right edge, so selected rows appeared visibly offset. The navigation now reserves symmetric space and uses wider desktop and medium-width columns while preserving the horizontal narrow-window layout.

Release note: 修复设置中心左侧分类选中高亮左右不平衡的问题，并适当加宽分类导航以改善标题和说明的可读性。
This commit is contained in:
mesalogo
2026-08-17 00:35:15 +08:00
parent 792d80e67c
commit 2df8fb1364
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/WorkspacePrimitives.test.tsx
+7 -1
View File
@@ -209,7 +209,13 @@ describe('WorkspacePrimitives', () => {
it('keeps full-page settings navigation readable and content fluid', () => {
expect(stylesheet).toMatch(
/\.settings-page \.settings-panel__body\s*\{[^}]*grid-template-columns:\s*190px minmax\(0,\s*1fr\);/u
/\.settings-page \.settings-panel__body\s*\{[^}]*grid-template-columns:\s*220px minmax\(0,\s*1fr\);/u
)
expect(stylesheet).toMatch(
/@media \(max-width: 1020px\)\s*\{[\s\S]*?\.settings-page \.settings-panel__body\s*\{[^}]*grid-template-columns:\s*196px minmax\(0,\s*1fr\);/u
)
expect(stylesheet).toMatch(
/\.settings-page \.settings-tabs\s*\{[^}]*scrollbar-gutter:\s*stable both-edges;/u
)
expect(stylesheet).toMatch(
/\.settings-page \.settings-panel__content\s*\{[^}]*width:\s*min\(100%,\s*var\(--content-standard\)\);/u
src/renderer/src/styles.css
+3 -3
View File
@@ -5016,7 +5016,7 @@ button > svg {
padding: 24px 32px 32px;
overflow: hidden;
align-items: stretch;
grid-template-columns: 190px minmax(0, 1fr);
grid-template-columns: 220px minmax(0, 1fr);
justify-content: start;
gap: 28px;
}
@@ -5049,7 +5049,7 @@ button > svg {
align-self: stretch;
flex-direction: column;
grid-template-columns: none;
scrollbar-gutter: stable;
scrollbar-gutter: stable both-edges;
}
.settings-page .settings-panel__content {
@@ -11108,7 +11108,7 @@ details.settings-section > :not(summary) + :not(summary) {
padding: 20px;
overflow: hidden;
align-items: stretch;
grid-template-columns: 176px minmax(0, 1fr);
grid-template-columns: 196px minmax(0, 1fr);
justify-content: stretch;
gap: var(--space-4);
}