{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/404","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/404/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/404/comments","events_url":"https://api.github.com/repos/angular/material2/issues/404/events","html_url":"https://github.com/angular/material2/issues/404","id":153682684,"number":404,"title":"Reconsider margin transition on sidenav","user":{"login":"jadjoubran","id":2265232,"avatar_url":"https://avatars.githubusercontent.com/u/2265232?v=3","gravatar_id":"","url":"https://api.github.com/users/jadjoubran","html_url":"https://github.com/jadjoubran","followers_url":"https://api.github.com/users/jadjoubran/followers","following_url":"https://api.github.com/users/jadjoubran/following{/other_user}","gists_url":"https://api.github.com/users/jadjoubran/gists{/gist_id}","starred_url":"https://api.github.com/users/jadjoubran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jadjoubran/subscriptions","organizations_url":"https://api.github.com/users/jadjoubran/orgs","repos_url":"https://api.github.com/users/jadjoubran/repos","events_url":"https://api.github.com/users/jadjoubran/events{/privacy}","received_events_url":"https://api.github.com/users/jadjoubran/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":11,"created_at":"2016-05-08T23:09:57Z","updated_at":"2016-05-13T22:33:37Z","closed_at":null,"body":"* **Do you want to request a *feature* or report a *bug*?**\r\nBug\r\n\r\n\r\n* **What is the current behavior?**\r\nPoor performance for sidenav toggle transition\r\n\r\n\r\n* **If the current behavior is a bug,\r\n@jelbourn's [material2 demo](https://material2-app.firebaseapp.com/) and [sidenav template](https://github.com/angular/material2/blob/master/src/components/sidenav/sidenav.html#L6) show that transition is targeting `margin-left`.\r\n\r\n\r\n* **What is the expected behavior?**\r\nI would expect animating `transform: translateX` unless there's a reason that I missed\r\n\r\n\r\n* **What is the motivation / use case for changing the behavior?**\r\nSmoother toggle transition\r\n\r\n\r\n* **Which version of Angular and Material, and which browser and OS does this issue affect?**\r\nMaterial alpha 4\r\n\r\n\r\n* **Other information**\r\nI would love to fix this if you agree\r\nThanks!"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/219175272","html_url":"https://github.com/angular/material2/issues/404#issuecomment-219175272","issue_url":"https://api.github.com/repos/angular/material2/issues/404","id":219175272,"user":{"login":"jimmyjamieson","id":797547,"avatar_url":"https://avatars.githubusercontent.com/u/797547?v=3","gravatar_id":"","url":"https://api.github.com/users/jimmyjamieson","html_url":"https://github.com/jimmyjamieson","followers_url":"https://api.github.com/users/jimmyjamieson/followers","following_url":"https://api.github.com/users/jimmyjamieson/following{/other_user}","gists_url":"https://api.github.com/users/jimmyjamieson/gists{/gist_id}","starred_url":"https://api.github.com/users/jimmyjamieson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimmyjamieson/subscriptions","organizations_url":"https://api.github.com/users/jimmyjamieson/orgs","repos_url":"https://api.github.com/users/jimmyjamieson/repos","events_url":"https://api.github.com/users/jimmyjamieson/events{/privacy}","received_events_url":"https://api.github.com/users/jimmyjamieson/received_events","type":"User","site_admin":false},"created_at":"2016-05-13T22:33:37Z","updated_at":"2016-05-13T22:33:37Z","body":"Have you looked at calc? \r\n\r\ni.e width: calc(100vw - $sidebarWidthVar) "}}