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

fix(accounts): center row menus under action header

Browse Source 
Anchor the account action track to the table edge and offset only the row menu controls by eight pixels so their centers align with the wider Action label. Remove the previous shared padding approximation and lock the account-specific alignment in the focused regression test.
This commit is contained in:
Sucukdeluxe
2026-08-15 04:44:49 +02:00
parent 1d71860d91
commit b6ce49e7ef
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/views/settings/settings.css
+7 -4
View File
@@ -668,15 +668,18 @@
opacity: 0.72;
}
.settings-account-column-enable,
.settings-account-column-actions {
.settings-account-column-enable {
display: grid;
place-items: center;
}
.settings-account-table-grid > .settings-account-column-actions,
.settings-account-column-actions {
display: grid;
place-items: center end;
}
.settings-account-row > .settings-account-column-actions {
padding-left: 27px;
padding-right: 19px;
}
.settings-account-hoster {
tests/settings-view.test.tsx
+3 -1
View File
@@ -723,7 +723,9 @@ describe("account workspace", () => {
expect(count(html, 'role="separator"')).toBe(ACCOUNT_COLUMNS.length);
expect(html).toContain('aria-label="Status Spaltenbreite ändern"');
expect(html).toMatch(/class="settings-account-column-actions" role="columnheader">Aktion<\/span>/);
expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*padding-left:\s*27px/s);
expect(settingsCss).toMatch(/\.settings-account-column-actions\s*{[^}]*place-items:\s*center end/s);
expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*padding-left:/s);
expect(settingsCss).toMatch(/\.settings-account-row > \.settings-account-column-actions\s*{[^}]*padding-right:\s*19px/s);
expect(settingsCss).not.toMatch(/\.settings-account-column-actions\s*{[^}]*transform:/s);
});