List views: choose which columns to show

A Columns menu next to the List/Tiles toggle hides or shows optional
columns in the Library, Card Search, deck builder and Decks list row
views. Choices are saved per view on each device. The selection checkbox
and name always show.

Closes #8

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-26 20:35:21 -05:00
parent a92b650dab
commit d9f92c74fd
6 changed files with 350 additions and 118 deletions

View File

@@ -2673,6 +2673,31 @@ button.pull-action {
.tile-columns .tile-columns-count:disabled {
opacity: 1;
}
/* List-view column picker (see `ColumnsMenu`): its checklist opens under the
button, right-aligned since it sits at the toolbar's right end. */
.columns-menu {
position: relative;
display: inline-flex;
}
.columns-menu-btn {
font-size: 13px;
padding: 5px 12px;
}
.columns-menu-btn.customized {
border-color: var(--accent-glow);
}
.columns-menu .columns-menu-list {
left: auto;
right: 0;
min-width: 190px;
}
/* On a phone the toolbar wraps and the button can land at the left edge. */
@media (max-width: 720px) {
.columns-menu .columns-menu-list {
left: 0;
right: auto;
}
}
/* ============================================================
Deck list (the Decks tab's front page)