Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
kn0wmad opened this issue Jun 24, 2023 · 3 comments
Open

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

kn0wmad opened this issue Jun 24, 2023 · 3 comments
Assignees

Comments

@kn0wmad
Copy link
Contributor

kn0wmad commented Jun 24, 2023

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

@spencerflagg
Copy link
Contributor

spencerflagg commented Jun 27, 2023

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
Copy link
Contributor Author

kn0wmad commented Jun 27, 2023

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

@elvece
Copy link
Member

elvece commented Jun 29, 2023

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants