ver. 0.301: Collapsible table filters and mobile-responsive order details

- Table filters hidden by default with toggle button (icon + active count badge)
- Filter state persisted in localStorage; auto-show when filters active
- Order details mobile layout: icon-only action bar, full-width stacking,
  compact product list (image + name + qty x price = total), bottom-sheet
  dropdown for integrations menu

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-22 13:53:43 +01:00
parent 0c3b87d831
commit 45d50353df
7 changed files with 348 additions and 13 deletions

View File

@@ -57,6 +57,36 @@
width: 100% !important;
}
/* --- Filter toggle --- */
.table-filters-wrapper {
display: none;
overflow: hidden;
}
.table-filters-wrapper.open {
display: block;
}
.js-filter-toggle-btn.active {
background-color: #e8e8e8;
border-color: #adadad;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.table-filter-badge {
display: inline-block;
min-width: 16px;
padding: 2px 5px;
font-size: 10px;
font-weight: 700;
line-height: 1;
color: #fff;
background-color: #337ab7;
border-radius: 10px;
margin-left: 3px;
}
/* --- Column visibility toggle --- */
.table-list-header-actions {