style(table): move the column picker into the table header corner

The show/hide-columns gear only makes sense in table view but sat in the
global toolbar (needing applyColsWrapVisibility to hide it elsewhere). Build
it inside the actions-column header cell in renderTable instead, with inline
handlers (recreated each render, so no dependence on once-wired listeners on
a static node). Removed #colsWrap from the toolbar + the now-obsolete
applyColsWrapVisibility and its callers; kept the menu id so
renderTableColsMenu still populates it, and a live-queried outside-click close.
Added .cols-wrap CSS (was an inline position:relative on the old node).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
r-zakarya
2026-07-21 20:00:56 +01:00
parent 0d40328a24
commit 4dfd908a9a
3 changed files with 40 additions and 31 deletions
+5
View File
@@ -1933,6 +1933,11 @@ input[type="range"]::-webkit-slider-thumb {
}
/* Table column picker dropdown — only rendered in table view. */
.cols-wrap {
position: relative; /* anchor for the absolutely-positioned menu */
display: inline-flex;
vertical-align: middle;
}
.cols-menu {
position: absolute;
top: calc(100% + 4px);