Mini embed renders with an overflowing play button

[ebrelsford]

Mini embed renders with an overflowing play button

Issue found of: Dec 18 2024

Steps to reproduce:

Embed a track player with height = 20px to get the mini player.

I won't give the <iframe> code I'm using because this is a private track, but you can see the result is broken in the SoundCloud site itself:

Expected behaviour:

I would expect the play button not to overflow the height of the iframe. It appears to be off by 1px since adding a margin-top: -1px to .sc-media-left gets the result I would expect:

Actual behaviour:

As you can see in the first screenshot the button overflows by ~1px so it looks cut off. Unfortunately bumping the height of the iframe up by a pixel doesn't help because the mini player does not get served at 21px, so you get something like this: