Closed bkDJ closed 2 months ago
In testing this (in Windows Firefox), I find that, because the <object>
tag is used, right-clicking the images no longer gives image-related options.
I can still merge without this, but is there a way to fix?
It's "possible" but would involve some ugly workarounds. If someone wants the SVGs, forcing them to "examine the element's HTML" or "look at the source code in this repo" are not great options, but still probably better than polluting CSS or JS for such a rare use case. :/
I can make clicking it open the svg
Awesome, thanks for merging this, now it looks correct on my tablet:
Ah, the font is still wrong though 😔
Webkit doesn't seem to allow CSS into
img
elements. This means Safari and all iPhone browsers have (in dark mode) black-on-black letters with serifs in the combinator diagrams. Example:I use
object
elements to solve this. And to ensure the relative sizes stay the same, I use view boxes in the SVGs. This PR is based on fiddling in my browser, not running the site locally, so consider this un-tested and more of a proposal.