Skip to content

batches: enable resizable columns in execution workflow UI

Administrator requested to merge kr/resizable-ssbc into main

Created by: courier-new

Closes #32344 (closed).

Wraps the workspaces preview list and execution workspaces list in Resizable, so that they can be dragged to change the width.

Preview Execution

I made a couple improvements to Resizable as part of this:

  • Resizable now supports optionally setting a minimum and maximum size
  • Resize handle is more obvious when you hover over it or click and drag it:

Example from the repo sidebar:

Before After
  • Resize handle cursor uses specific column/row-resize cursors, which are recommended over the original single-direction-resize cursors by various UX standard guides
  • Width of the element being controlled by Resize now corresponds to the midpoint of the Resize handle, which fixes jumpiness/alignment issues like this:
Before After

Test plan

Manually verified every existing instance of Resizable functions as expected. Verified expected differences appeared in snapshots for HierarchicalLocationsView. Manually tested integration in Batch Changes execution workflow UI with long and short lists of workspaces. These screens are not mobile-friendly yet but that's a pre-existing concern.

Merge request reports