Code

[EuiDataGrid] Cell actions redesign#7343

Code

Merged

cee-chen merged 22 commits intoelastic:datagrid-redesignselastic/eui:datagrid-redesignsfrom cee-chen:datagrid/cell-actionscee-chen/eui:datagrid/cell-actionsCopy head branch name to clipboardNov 20, 2023

+818-889

Commits

Commits on Nov 16, 2023

• [setup] Remove extra __contentWrapper DOM node and move padding/font-size to __content

  Show description for 785dd57
  cee-chen

  committed
  785dd57

  Copy full SHA for 785dd57

• Fix cell height CSS to account for removed wrapper

  cee-chen

  committed
  f566d54

  Copy full SHA for f566d54

• Update auto row heights to no longer account for padding

  Show description for 903d4fb
  cee-chen

  committed
  903d4fb

  Copy full SHA for 903d4fb

• Absolutely position and color cell actions based on new designs

  Show description for cb66d42
  cee-chen

  committed
  cb66d42

  Copy full SHA for cb66d42

• Tweak focus outline to account for cell actions position

  cee-chen

  committed
  9e32d30

  Copy full SHA for 9e32d30

• Switch previous cell animation to a pop up one

  Show description for 70d2683
  cee-chen

  committed
  70d2683

  Copy full SHA for 70d2683

• Improve cell action hover UI

  cee-chen

  committed
  9bce7a8

  Copy full SHA for 9bce7a8

• Fix cell actions displaying above cell headers (all except first row)

  cee-chen

  committed
  137f621

  Copy full SHA for 137f621

• Align the cell expansion popover to the cell actions instead of to the cell content

  Show description for 7c664d6
  cee-chen

  committed
  7c664d6

  Copy full SHA for 7c664d6

• Add logic to dynamically make the cell popover follow the text alignment

  cee-chen

  committed
  2443a79

  Copy full SHA for 2443a79

• Fix EuiPopovers not removing arrow buffer if arrow is being hidden

  cee-chen

  committed
  3f49668

  Copy full SHA for 3f49668

• Allow cell popovers to expand to larger cell widths

  Show description for a1238d5
  cee-chen

  committed
  a1238d5

  Copy full SHA for a1238d5

• Fix missing cell popover opacity transition

  Show description for 006e5a2
  cee-chen

  committed
  006e5a2

  Copy full SHA for 006e5a2

• [cleanup] Remove more now-unnecessary height-based CSS/logic

  cee-chen

  committed
  a0f8685

  Copy full SHA for a0f8685

• Update all downstream datagrid snapshots

  cee-chen

  committed
  96f765d

  Copy full SHA for 96f765d

• Fix misc flaky Cypress failures

  Show description for 5774dba
  cee-chen

  committed
  5774dba

  Copy full SHA for 5774dba

• [PR feedback] Add Inter font stylesheet to Cypress index.html instead of loading it dynamically

  cee-chen

  committed
  d654516

  Copy full SHA for d654516

• [PR feedback] method name

  cee-chen

  committed
  62da584

  Copy full SHA for 62da584

• [Design feedback] Re-add animation delay, shade hover actions darker

  cee-chen

  committed
  375d5fd

  Copy full SHA for 375d5fd

Commits on Nov 20, 2023

• [Design feedback] Increase hover delay

  cee-chen

  committed
  d3992f5

  Copy full SHA for d3992f5

• [Design feedback] Workaround for border-radius discrepancy when cell actions are visible vs not visible

  Show description for b044581
  cee-chen

  committed
  b044581

  Copy full SHA for b044581

• [cleanup] DRY out cell outlien color to a CSS variable

  cee-chen

  committed
  268fd17

  Copy full SHA for 268fd17