Administrator/Multi-Debrid-Downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 596 Wiki Activity

fix(accounts): center the visible action column

Browse Source 
Add a visible Action header to the fixed account-table action column and remove the right padding that shifted row menus away from its center. Keep all resizable content column widths unchanged and cover the header and alignment contract.
This commit is contained in:
Sucukdeluxe
2026-08-15 02:21:48 +02:00
parent 586ebea201
commit b70cab60d1
3 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/views/settings/AccountWorkspace.tsx
+1 -1
View File
@@ -434,7 +434,7 @@ function AccountOverview({ model, actions }: AccountWorkspaceProps): ReactElemen
/> />
</span> </span>
))} ))}
<span aria-label="Aktionen" className="settings-account-column-actions" role="columnheader" /> <span className="settings-account-column-actions" role="columnheader">Aktion</span>
</div> </div>
</DataTableHeader> </DataTableHeader>
<DataTableBody className="settings-account-table-body" data-visual-region="accounts-table-body" onScroll={syncAccountTableScroll}> <DataTableBody className="settings-account-table-body" data-visual-region="accounts-table-body" onScroll={syncAccountTableScroll}>
src/renderer/views/settings/settings.css
-4
View File
@@ -674,10 +674,6 @@
place-items: center; place-items: center;
} }
.settings-account-column-actions {
padding-right: 18px !important;
}
.settings-account-hoster { .settings-account-hoster {
display: flex; display: flex;
align-items: center; align-items: center;
tests/settings-view.test.tsx
+2 -1
View File
@@ -722,7 +722,8 @@ describe("account workspace", () => {
expect(html).not.toContain("role=\"toolbar\""); expect(html).not.toContain("role=\"toolbar\"");
expect(count(html, 'role="separator"')).toBe(ACCOUNT_COLUMNS.length); expect(count(html, 'role="separator"')).toBe(ACCOUNT_COLUMNS.length);
expect(html).toContain('aria-label="Status Spaltenbreite ändern"'); expect(html).toContain('aria-label="Status Spaltenbreite ändern"');
expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*padding-right:\s*18px/s); expect(html).toMatch(/class="settings-account-column-actions" role="columnheader">Aktion<\/span>/);
expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*padding-right:/s);
}); });
it("offers separate checks for active accounts and every configured account", () => { it("offers separate checks for active accounts and every configured account", () => {