Having an element with transform: rotate(45deg) for the tilted squares representing rarity in the last PR (#415) introduced a visual bug on the deck builder / viewer:
This is because we rely on successive zIndex's to stack the cards on top of each other, but transform creates a new stacking context for zIndex.
We switched to using an SVG based diamond instead to solve this:
Having an element with
transform: rotate(45deg)
for the tilted squares representing rarity in the last PR (#415) introduced a visual bug on the deck builder / viewer:This is because we rely on successive zIndex's to stack the cards on top of each other, but transform creates a new stacking context for zIndex.
We switched to using an SVG based diamond instead to solve this: