Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Card group] Style bugs in Web components

See original GitHub issue

Web Components – With Card in card story – grid mode narrow (16px): There is a right border for the first 2 cards that is applied to the dds-card-group-item which has padding instead of margin so the border is applied to the padding spacing also.
Web Components – With Card in card story – the collapsed grid has some spacing errors
The same errors from 2 and 3 are visible for the With Card in card and Image cards story

Issue Analytics

State:
Created 2 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

kennylamcommented, Jan 6, 2022

Having reviewed the production version of this component’s With card in card and With card in card and image cards variants, it appears these layout issues have been resolved. If these issues resurface, potential fixes can be found in #7409.

cc: @emyarod @jeffchew

0reactions

DragosRisticicommented, Oct 7, 2021

Hi @BrunnoM7

I re-QAed it again, and I just see this one now for Card group – With card in card and image cards story. When I switch to the collapsed grid, there is no top border for the cards – its image touching image. Also, when I switch back to a narrow grid, the 16px top spacing is not there. I don’t know if this second one is a Storybook bug, or a component bug, because the default story has a narrow grid. Here’s what I see: https://images.zenhubusercontent.com/193129061/dff6be3e-fae5-4bb1-bb22-bbdbcb6d8df3/card_group_with_card_in_card_and_image_cards.mov