{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/6130","labels_url":"https://api.github.com/repos/angular/material/issues/6130/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/6130/comments","events_url":"https://api.github.com/repos/angular/material/issues/6130/events","html_url":"https://github.com/angular/material/issues/6130","id":120853633,"number":6130,"title":"mdToast: width on small devices differs from spec","user":{"login":"mckenzielong","id":7656679,"avatar_url":"https://avatars.githubusercontent.com/u/7656679?v=3","gravatar_id":"","url":"https://api.github.com/users/mckenzielong","html_url":"https://github.com/mckenzielong","followers_url":"https://api.github.com/users/mckenzielong/followers","following_url":"https://api.github.com/users/mckenzielong/following{/other_user}","gists_url":"https://api.github.com/users/mckenzielong/gists{/gist_id}","starred_url":"https://api.github.com/users/mckenzielong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mckenzielong/subscriptions","organizations_url":"https://api.github.com/users/mckenzielong/orgs","repos_url":"https://api.github.com/users/mckenzielong/repos","events_url":"https://api.github.com/users/mckenzielong/events{/privacy}","received_events_url":"https://api.github.com/users/mckenzielong/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-07T19:55:08Z","updated_at":"2015-12-07T19:55:08Z","closed_at":null,"body":"mdToast currently has a width of 100% on small devices.  This is determined by this check: `var isSmScreen = !$mdMedia('gt-sm');` when the toast is opened.\r\n\r\nThe spec https://www.google.com/design/spec/components/snackbars-toasts.html#snackbars-toasts-specs specifies that the toast be full-width on mobile, but also lists a max-width of 568dp on tablets / desktops. \r\n\r\nThere is the following css that enforces this rule on large displays, but this check is not consistent with the adaptive ui spec.\r\n```css\r\n@media (min-width: 1920px) {\r\n  md-toast {\r\n    max-width: 568px; } }\r\n```\r\n\r\n\r\n**OS:** Windows 7 x64, Opera 33/ Chrome 46\r\n**Suggested fix:** change the query to `!$mdMedia('gt-xs');` fixes the 100% width issue, but does not address the 568 max-width on desktops/tablets\r\n"}}