Fixing Monster Frame background in Safari for iphone and ipad

naturalcrit / homebrewery

Create authentic looking D&D homebrews using only markdown

https://homebrewery.naturalcrit.com

MIT License

1.03k stars 316 forks source link

Fixing Monster Frame background in Safari for iphone and ipad #3526

Open 5e-Cleric opened 2 weeks ago

5e-Cleric commented 2 weeks ago

Safari for mobile screens does not support background-blend-mode and background-repeat:repeat; in the same element, it deactivates the overlay, which makes our statblocks look grey:

A fix is set here, i manually overlayed the color with the image to make the background, and i'm changing it for the original.

This fix works, and other users will not notice the difference.

calculuschild commented 2 weeks ago

other users will not notice the difference.

The use of a grayscale image and blending was a deliberate choice for customizability of the monster stat block color (similar to what @Gazook89 was proposing for the whole page background in #3218). Changing this will break brews that have used this to adjust the color of the monster stat block.

dbolack-ab commented 2 weeks ago

Is this a can't fix at Safari?

5e-Cleric commented 2 weeks ago

Is this a can't fix at Safari?

https://bugs.webkit.org/show_bug.cgi?id=259081

There is the reported bug in webkit.