search

nextstrain / status

Nextstrain status pages
https://nextstrain.github.io/status/
1 stars 0 forks source link

Poor rendering on WebKit on iOS #2

Closed tsibley closed 4 months ago

tsibley commented 4 months ago

The styling of the <summary> elements renders poorly on WebKit on iOS (via Firefox for iOS).

It appears that the default disclosure icon (▶) isn't being hidden by the CSS that intends to do so:

https://github.com/nextstrain/status/blob/3719171646f05e610892af99ca0f094892d6eb14/pathogen-workflows.css#L94-L96

and so the run status indicator we provide instead (✔) gets pushed down.

tsibley commented 4 months ago

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#default_style

tsibley commented 4 months ago

Screenshot from 2024-02-15 11-37-54

tsibley commented 4 months ago

Fixed by a bit of non-standard CSS.

✔ (U+2714 \N{HEAVY CHECK MARK}) still looks goofy on iOS, but ah well. Bigger fish to fry.