- Custom View header now uses the browser's sticky positioning like the
other tables, so it no longer lags or bounces while scrolling. Because a
sideways-scrolling box prevents sticky headers, the table is clipped and
shifted sideways by a scrollbar pinned to the bottom of the window
(shown only when the columns are wider than the page; trackpad,
shift+wheel and touch swipes drive it too)
- Custom View header on one line like the other tables: drag grip, name,
the combined sort/filter dropdown and copy icon (remove on hover)
- Workbench stack text boxes size to their contents on load and when the
page is shown, not only while typing
- Demo sandbox waits for the worker's first sweep after a container
restart instead of treating every device as unknown
Filters (web/excel-filter.js), modeled on Excel's AutoFilter:
- Every column header gets a dropdown: Sort A to Z / Z to A, Clear Filter
From "<column>", Search, a checkbox list of the column's values with
(Select All) and (Blanks), OK / Cancel. Values come from rows passing
the other columns' filters; filters on several columns combine. Tags
and software lists are split into individual items.
- The button shows a funnel when filtered and an arrow when sorted, and a
"Clear filters (n)" button appears beside the group's copy buttons
- Replaces the old per-column filter row (which also removes the gap
between header and filter rows); hooks the existing filter passes so
global search, counts and worker re-renders keep working
- Menus are fixed-position on <body>, so sticky headers and neighbouring
tables can't cover them; on phones they open as a bottom sheet
- Workbench stacks get the same menus (sorting done client-side)
- Custom View's filter icon opens the same menu
Layout:
- Sticky headers use separated borders so no hairline gap opens
- Phones/tablets: a sticky bar of column chips (with active counts and
"Clear all") opens the filter menus
- Custom View fills the page like the other views on desktop; it still
scrolls sideways when wide, with its header pinned under the group header
- Custom View on phones/tablets: a "Card fields" sheet to choose, order
and remove the fields shown on each card
Demo: first visit puts 6 PCs (one per migration stage) on the Workbench.
- Status tables: the whole header (column names + filters) sticks as one
block, tucked 1px under the group header, so no gap can open between
the rows; offsets use fractional heights
- Phones/tablets: the filter panel sticks under the group header too, and
is opaque and compact (three filters per row on phones)
- Custom View: fix the group header being pushed over the column header
(it lives inside the view's own scroll box); the column header now pins
to the top of that box on desktop, and the header strip sticks on phones
- All Devices: group title is "All Devices (N)" instead of "Missing
Software", matching the page title count
- Documentation fits the window on desktop: only the article list and the
article scroll; placeholder no longer says "from the left"
- Dialogs sit above the terminal dock so it can't cover their last rows;
page bottom padding follows the dock's measured height
- Status group headers ("Not Started (37)") stick under the top nav while
scrolling through their group, on every screen size
- On desktop the column header and filter rows stick beneath the group
header (table wrappers no longer clip them; these fixed-layout tables
never scroll sideways at desktop widths)
- layout.js measures the nav, group header and header row heights so the
sticky rows stack without gaps, re-measuring on re-render/resize/scroll
- Phones: the Advanced/Simple View button sits on its own line under the
device name instead of floating over the dialog content
- Rename mobile.css/js to layout.css/js now that they hold desktop rules
Johan Sandoval