search

Start9Labs / start9.com

MIT License
4 stars 1 forks source link

[bug] Icon Animations on Contact Page Do Not All Animate #25

Open kn0wmad opened 1 year ago

kn0wmad commented 1 year ago

Linux / Firefox - All the icons shrink and turn salmon-coloured, with the exception of the Ghost (blog) icon

spencerflagg commented 1 year ago

community.scss > line 82

This is because the css assumes that the svg in the anchor contains paths, because the paths themselves get their scale transitioned, and their fills are controlled. The Ghost svg, which was added later, displays the image via a tag, which doesn't have a fill, but the scale can be controlled.

Alternatively, the svg could be replaced by a vector version. Ghost's logo doesn't really led itself to vector, but here's as close as I've been able to find:

it's white on white, so you can't see it... [invisible svg] ghost-logo-orb [/invisible svg]

kn0wmad commented 1 year ago

Doesn't look invisible to me, but I'm a dark mode maximalist.

elvece commented 1 year ago

Yes this is known. I reached out to the ghost team and unfortunately they do not have any svg icons. I decided to leave it without the animation for now until we could implement a generic animation for any image type.