{"action":"opened","issue":{"url":"https://api.github.com/repos/scy/timweber.name/issues/1","repository_url":"https://api.github.com/repos/scy/timweber.name","labels_url":"https://api.github.com/repos/scy/timweber.name/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/scy/timweber.name/issues/1/comments","events_url":"https://api.github.com/repos/scy/timweber.name/issues/1/events","html_url":"https://github.com/scy/timweber.name/issues/1","id":378885027,"node_id":"MDU6SXNzdWUzNzg4ODUwMjc=","number":1,"title":"CSS `transform` is required","user":{"login":"scy","id":28629,"node_id":"MDQ6VXNlcjI4NjI5","avatar_url":"https://avatars1.githubusercontent.com/u/28629?v=4","gravatar_id":"","url":"https://api.github.com/users/scy","html_url":"https://github.com/scy","followers_url":"https://api.github.com/users/scy/followers","following_url":"https://api.github.com/users/scy/following{/other_user}","gists_url":"https://api.github.com/users/scy/gists{/gist_id}","starred_url":"https://api.github.com/users/scy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/scy/subscriptions","organizations_url":"https://api.github.com/users/scy/orgs","repos_url":"https://api.github.com/users/scy/repos","events_url":"https://api.github.com/users/scy/events{/privacy}","received_events_url":"https://api.github.com/users/scy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-08T19:36:04Z","updated_at":"2018-11-08T19:36:04Z","closed_at":null,"author_association":"OWNER","body":"I'm using a hack to horizontally center the card (which has `position: absolute`) in the \"optimal\" environment: It's positioned `left: 50%` but then moved back by half its width using `translateX(-50%)`. This works fine if your browser supports both properties, but if it doesn't know `translateX`, the card is offset to the right by 50% of the screen width.\r\n\r\nTo solve this, I might add a bit of JS to detect whether `translateX` is supported and only use the \"optimal\" styles if it is."}}
{"actor":{"display_login":"scy"}}