Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(table): right-align the column-picker header cell

Browse Source 
The gear hugged the left edge of the (width:100%) actions column because the
header th, unlike the body cells, has no col-actions class / text-align:right.
Set textAlign right on the actions header cell so the picker sits in the
top-right corner.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
r-zakarya
2026-07-22 06:51:52 +01:00
parent 4dfd908a9a
commit a1e028bfc5
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/app.js
+7 -2
View File
@@ -3241,8 +3241,13 @@ function renderTable(list) {
th.appendChild(el('span', null, col.label)); th.appendChild(el('span', null, col.label));
} }
// Column picker lives in the table's own header corner (it only makes // Column picker lives in the table's own header corner (it only makes
// sense in table view), not the global toolbar. // sense in table view), not the global toolbar. The actions column is
if (col.key === 'actions') th.appendChild(buildColsPicker()); // width:100% in the body, so right-align the header cell too — else the
// gear hugs the left edge of that wide column instead of the corner.
if (col.key === 'actions') {
th.style.textAlign = 'right';
th.appendChild(buildColsPicker());
}
headerRow.appendChild(th); headerRow.appendChild(th);
}); });
thead.appendChild(headerRow); thead.appendChild(headerRow);