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

[ic-accordion] accordion sizes don't match Figma designs

Open GCHQ-Developer-530 opened this issue 1 year ago • 2 comments

Summary of the bug

In the Figma designs, the different size variations have an impact on the width of the accordion as well. But in the implementation, all accordions are full width and only the height changes.

📸 Screenshots or code

Figma: Screenshot 2024-05-09 at 12 44 24 Implementation: Screenshot 2024-05-09 at 12 44 56

🧐 Expected behaviour

The accordion sizes should match figma.

📝 Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given a accordion exists When it is small Then it should have a 300px width

Given a accordion exists When it is default Then it should have a 600px width

Given a accordion exists When it is large Then it should have a 800px width

Additional info

Current accordions could be a full width size variant.

GCHQ-Developer-530 avatar May 09 '24 11:05 GCHQ-Developer-530

Design brought this up to ask why it was moved to design, which I was unsure why. Therefore, I have moved it back to refinement so we can discuss at refinement on if it needs design

MI6-255 avatar Jun 27 '24 12:06 MI6-255

Design to update all the Figma widths to the same size, as we will be following the dev implementation

MI6-255 avatar Jul 10 '24 09:07 MI6-255

Changes made in Figma and now merged.

GCHQ-Developer-094 avatar Aug 21 '24 11:08 GCHQ-Developer-094