Skip to content

feat: VirtualTable (logs / F2-A1) P5 default styling matches Cloudscape Table#4751

Draft
gethinwebster wants to merge 4 commits into
mainfrom
dev-v3-gethinw-virtualtable-logs
Draft

feat: VirtualTable (logs / F2-A1) P5 default styling matches Cloudscape Table#4751
gethinwebster wants to merge 4 commits into
mainfrom
dev-v3-gethinw-virtualtable-logs

Conversation

@gethinwebster

Copy link
Copy Markdown
Member

P5 rework of the logs/streaming-specialized VirtualTable design-study cell (F2-A1) on the Brazil-mirrored dev-v3-gethinw-virtualtable-logs branch.

What changed

  • Default styling now visually matches the existing Cloudscape Table by reusing Table's design tokens (header thead surface + divider, column-header typography, per-row dividers, sticky-header look, selected-row hook, single-line-truncate default with opt-in .cell-wrap = Table wrapLines). Styling change is src/virtual-table/styles.scss only (+65/-9).
  • No custom scrollbar — native browser scrollbar only (no ::-webkit-scrollbar/overlay/synthetic).
  • No always-on row hover (Table has no default general row hover).

Verification

  • npm run build green; npm run lint 0 errors; jest 6 suites / 71 tests pass.

Supersedes

This supersedes the P4 draft PR #4740 (head virtualtable-F2-A1), which can be closed as superseded — a GitHub PR head branch cannot be repointed onto the dev-v3-* branch.

Human-gated (out of scope)

Official Cloudscape API review + design/release sign-off; the aria-live → internal LiveRegion follow-up; this is one design-study cell of a broader VirtualTable exploration.

…esign-study cell)

Config-driven, logs/streaming-specialized VirtualTable design-study cell:
view/viewConfig union (standard/patterns/raw), built-in live tail, two-mode
filter with materialised match-indicator column, R-EXPAND arbitrary-content
slot with log-record/pattern-detail presets, full-dataset windowing +
opt-in measurement, and the CloudWatch Logs Insights standard + patterns +
raw demos. Unit + a11y tests and usage docs included.

Design study only; official Cloudscape API review + design/release sign-off
remain human-gated.
…pe Table

Reuse Cloudscape Table design tokens for the default look (header surface +
thead divider, column-header typography, per-row divider, sticky-header
surface, selected-row style hook, single-line truncate = Table wrapLines=false
with opt-in .cell-wrap, expanded region as detail panel). Native scrollbar
only (no custom/overlay/synthetic scrollbar). No always-on row hover (Table has
no default general row hover).
…row-height clamp, disclosure glyph, focus-gated active outline, Table density
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant