[BUG] Sports Widget doesn’t display Premier League image correctly

[Bod1985]

Environment

Self-Hosted (Docker)

Version

2.0.8

Describe the problem

In Safari on iOS (iPad and iPhone), the image for Premier League games is the wrong size meaning only the background colour shows.

The image is definitely loading as it can be long pressed and saved to photos.

Please see the following image:

Additional info

No response

Please tick the boxes

• You are using a supported version of Dashy (check the first two digits of the version number)
• You've checked that this issue hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct

[Lissy93]

Hmm, looks like it's going to be this class in SportsScores.vue:

dashy/src/components/Widgets/SportsScores.vue

Lines 237 to 241 in e456249

	img.match-thumbnail {
	width: 100%;
	height: fit-content;
	margin-top: -13%;
	}

But I do not have any iOS/ Apple devices to test this out (I'm too poor lol), so would anyone else be able to submit a PR for this one?

[Bod1985]

Hmm, looks like it's going to be this class in SportsScores.vue:

dashy/src/components/Widgets/SportsScores.vue

Lines 237 to 241 in e456249

	img.match-thumbnail {
	width: 100%;
	height: fit-content;
	margin-top: -13%;
	}

But I do not have any iOS/ Apple devices to test this out (I'm too poor lol), so would anyone else be able to submit a PR for this one?

I will have a go at some point when I’m back at my desk.

I wonder also if it would be possible to have an option to show/hide the image? I quite like the minimalist look with just a score line

[Lissy93]

I can easily add an option to hide the image, that's a good idea - I'll do that now...

[liss-bot]

The fix for this issue has now been released in 2.0.9 ✨

If you haven't done so already, please update your instance to 2.0.9 or later. See 2.0.9 for full info.

Feel free to reach out if you need any more support. If you are enjoying Dashy, consider supporting the project.