vanilla-framework icon indicating copy to clipboard operation
vanilla-framework copied to clipboard

Update quote wrapper pattern to use 4/4/8 grid

Open jmuzina opened this issue 5 months ago • 4 comments

Update quote wrapper to use the new grid-row (4/4/8 grid) instead of row- (legacy 4/6/12 grid)

jmuzina avatar Jul 18 '25 12:07 jmuzina

Thank you for reporting your feedback to us!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-23969.

This message was autogenerated

This pattern requires design input before it can be migrated to the new grid.

On the medium breakpoint, it uses a 33%/66% split, which would change to a 25%/75% split in the new grid.

Before:

Image

After:

Image

@mattea-turic we have discussed pattern responsiveness in the past, what do you think is the right way forward here?

jmuzina avatar Jul 21 '25 21:07 jmuzina

Updating this to use 4/4/8 grid will be a pre-requisite of using it within the tabbed section pattern

@kim-isaac to investigate for any issues with the column apportionment on medium sizes changing

jmuzina avatar Sep 22 '25 16:09 jmuzina

We can keep same layout for the large and small dimension and I'm sharing new medium dimension following 4-column grid. [figma file]

Image

I checked the live pages and didn’t find any edge cases with this update.

kim-isaac avatar Oct 15 '25 13:10 kim-isaac