{"action":"created","issue":{"url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/4","repository_url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons","labels_url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/4/comments","events_url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/4/events","html_url":"https://github.com/ghys/org.openhab.ui.iconset.climacons/issues/4","id":299970812,"number":4,"title":"wrong animation in chrome after update","user":{"login":"syscams","id":36801138,"avatar_url":"https://avatars2.githubusercontent.com/u/36801138?v=4","gravatar_id":"","url":"https://api.github.com/users/syscams","html_url":"https://github.com/syscams","followers_url":"https://api.github.com/users/syscams/followers","following_url":"https://api.github.com/users/syscams/following{/other_user}","gists_url":"https://api.github.com/users/syscams/gists{/gist_id}","starred_url":"https://api.github.com/users/syscams/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/syscams/subscriptions","organizations_url":"https://api.github.com/users/syscams/orgs","repos_url":"https://api.github.com/users/syscams/repos","events_url":"https://api.github.com/users/syscams/events{/privacy}","received_events_url":"https://api.github.com/users/syscams/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-02-24T20:37:31Z","updated_at":"2018-03-17T19:17:57Z","closed_at":null,"author_association":"NONE","body":"there seems to be a bug fix in Chrome regarding the viewBox/transform-origin. \r\nDue this fix the origin for the animation is now wrong.\r\n\r\nI solved the problem by adding (without beeing knowledgeable):\r\n\r\n`transform-box: fill-box;`\r\n\r\ne.g.\r\n\r\n```\r\n<svg\r\n    version=\"1.1\"\r\n    id=\"sun\"\r\n    class=\"climacon climacon_sun\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n    x=\"0px\"\r\n    y=\"0px\"\r\n    viewBox=\"15 15 70 70\"\r\n    enable-background=\"new 15 15 70 70\"\r\n    xml:space=\"preserve\">\r\n    <style type=\"text/css\"><![CDATA[\r\n\r\n        svg{\r\n            shape-rendering: geometricPrecision\r\n        }\r\n\r\n        g, path, circle, rect{\r\n        \r\n            -webkit-transform-origin: 50% 50%;\r\n            -moz-transform-origin: 50% 50%;\r\n            -o-transform-origin: 50% 50%;\r\n\t\t\ttransform-box: fill-box;\r\n            transform-origin: 50% 50%;\r\n...\r\n```"},"comment":{"url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/comments/373945678","html_url":"https://github.com/ghys/org.openhab.ui.iconset.climacons/issues/4#issuecomment-373945678","issue_url":"https://api.github.com/repos/ghys/org.openhab.ui.iconset.climacons/issues/4","id":373945678,"user":{"login":"syscams","id":36801138,"avatar_url":"https://avatars2.githubusercontent.com/u/36801138?v=4","gravatar_id":"","url":"https://api.github.com/users/syscams","html_url":"https://github.com/syscams","followers_url":"https://api.github.com/users/syscams/followers","following_url":"https://api.github.com/users/syscams/following{/other_user}","gists_url":"https://api.github.com/users/syscams/gists{/gist_id}","starred_url":"https://api.github.com/users/syscams/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/syscams/subscriptions","organizations_url":"https://api.github.com/users/syscams/orgs","repos_url":"https://api.github.com/users/syscams/repos","events_url":"https://api.github.com/users/syscams/events{/privacy}","received_events_url":"https://api.github.com/users/syscams/received_events","type":"User","site_admin":false},"created_at":"2018-03-17T19:17:57Z","updated_at":"2018-03-17T19:17:57Z","author_association":"NONE","body":"I added it in all svg's see the example above:\r\n\r\n            -o-transform-origin: 50% 50%;\r\n\t\t\t**transform-box: fill-box;**\r\n            transform-origin: 50% 50%;"}}
{"actor":{"display_login":"syscams"}}