html_export_layout_cards

Katz 0.092

In interactive runtime mode, detail-page panels ( panel, table-shell, graph-shell ) and entity-card tiles are drag-reorderable within their layout group and collapsible.
In interactive mode, cards that are direct children of a page layout group and use panel, table-shell, or graph-shell chrome are width-resizable by column span.
Entity-card tiles inside an entity-list layout group are drag-reorderable and collapsible, but they are not width-resizable.
Column hide and column width on tables stay separate from card width.
Width-resizable cards sit in a responsive multi-column grid and snap to column spans so a card can take one column, several columns, or the full row.
Double-click on the card width handle fills the row. A second double-click restores the last non-full span. Collapsed cards ignore fill.
Narrow viewports collapse spans so cards stack without horizontal overflow.
The full card header is the drag handle. Links, buttons, and inputs in the header still activate on click.
The collapse caret stays hidden until the card is hovered or has focus within.
Collapse hides the card body and shrinks the card chrome so the layout does not keep empty body space.
Card-width and header drag must not lose control to text selection: pointer capture, select lock, and preventDefault on resize pointerdown.
Order, collapse, column-span, and fill-restore state persist in localStorage for that page path.
Document and print runtime modes keep a static layout with no rearrange, resize, or collapse behaviour.
Printable-report idea cards stay outside this idea ( html_export_print_idea_cards, html_export_print_order_by ).
Table column chrome follows html_export_table_columns.
Cross-refs html_export_runtime_modes, html_export_heading_tooltips.

implementation

layout.rs, mod.rs, app.js, styles.css

status

done

tests

html_export.rs:interactive_layout_cards_are_reorderable_collapsible_with_heading_tips

Interactive page: html_export_layout_cards