google / WebFundamentals

Former git repo for WebFundamentals on developers.google.com
Apache License 2.0
13.85k stars 2.57k forks source link

Fix broken SVG animation #9520

Closed lionralfs closed 2 years ago

lionralfs commented 2 years ago

This PR changes some CSS selectors. Previously, elements in the shadow-root created via <use> weren't targeted. Also directly rotate the .diagram-refresh element and give it a transform-origin.

Visually tested (locally) in latest FF, Chrome and Safari.

Note: this probably needs to be propagated to all the other translated versions of this article. Unless you have a way to automate this, I'd be willing to manually do this.

Fixes: #9493

Target Live Date: YYYY-MM-DD

CC: @petele

lionralfs commented 2 years ago

Closing this, as the article now redirects to the web.dev version, where the animation works.