ic-ui-kit icon indicating copy to clipboard operation
ic-ui-kit copied to clipboard

[ic-data-row] end component should be top aligned to match label

Open GCHQ-Developer-530 opened this issue 5 months ago • 1 comments

Summary of the bug

When you add a lot of content to the data list value, the label is top aligned but the end component is centre aligned. They should be consistent so the end component probably needs to be top aligned (something to check with design)

🪜 How to reproduce

Tell us the steps to reproduce the problem:

  1. https://stackblitz.com/edit/st8i2faz?file=src%2Fapp.tsx&hideExplorer=1

📸 Screenshots or code

Image

🧐 Expected behaviour

Label and end component should be aligned.

GCHQ-Developer-530 avatar Aug 05 '25 16:08 GCHQ-Developer-530

Agreed. Top align each element of the data list component. This would be consistent with the revised approach to Alert which we also have a similar situation with #3122

Have made the changes to a branch in Figma. The designs were incorrect and didn't match developed anyway. The entire row was centre aligned, not just the last cell. It was also missing the value property on the middle cell, which has now been added and assigned to the correct atom.

Ready for dev

mi6-577 avatar Aug 29 '25 06:08 mi6-577