{"action":"created","issue":{"url":"https://api.github.com/repos/google/material-design-lite/issues/4091","repository_url":"https://api.github.com/repos/google/material-design-lite","labels_url":"https://api.github.com/repos/google/material-design-lite/issues/4091/labels{/name}","comments_url":"https://api.github.com/repos/google/material-design-lite/issues/4091/comments","events_url":"https://api.github.com/repos/google/material-design-lite/issues/4091/events","html_url":"https://github.com/google/material-design-lite/issues/4091","id":132486355,"number":4091,"title":"the snackbar is not shown in the middle of the screen","user":{"login":"sranimez","id":17146495,"avatar_url":"https://avatars.githubusercontent.com/u/17146495?v=3","gravatar_id":"","url":"https://api.github.com/users/sranimez","html_url":"https://github.com/sranimez","followers_url":"https://api.github.com/users/sranimez/followers","following_url":"https://api.github.com/users/sranimez/following{/other_user}","gists_url":"https://api.github.com/users/sranimez/gists{/gist_id}","starred_url":"https://api.github.com/users/sranimez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sranimez/subscriptions","organizations_url":"https://api.github.com/users/sranimez/orgs","repos_url":"https://api.github.com/users/sranimez/repos","events_url":"https://api.github.com/users/sranimez/events{/privacy}","received_events_url":"https://api.github.com/users/sranimez/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-02-09T17:50:55Z","updated_at":"2016-02-09T23:22:02Z","closed_at":null,"body":"I'm starting with the programming on web and I've been using mdl to create a website, I recently saw the update and the addition of the snackbar and implemented, but this is not shown in the middle of the screen but aside half let me know if this is designed to look like this or this can be changed, thanks for reading and I hope you can help me :)\r\n\r\nthe web is this [bajoweb.tk/mdl/login.php](http://bajoweb.tk/mdl/login.php) , leaving a field blank snackbar shown with the corresponding message.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/google/material-design-lite/issues/comments/182130635","html_url":"https://github.com/google/material-design-lite/issues/4091#issuecomment-182130635","issue_url":"https://api.github.com/repos/google/material-design-lite/issues/4091","id":182130635,"user":{"login":"sranimez","id":17146495,"avatar_url":"https://avatars.githubusercontent.com/u/17146495?v=3","gravatar_id":"","url":"https://api.github.com/users/sranimez","html_url":"https://github.com/sranimez","followers_url":"https://api.github.com/users/sranimez/followers","following_url":"https://api.github.com/users/sranimez/following{/other_user}","gists_url":"https://api.github.com/users/sranimez/gists{/gist_id}","starred_url":"https://api.github.com/users/sranimez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sranimez/subscriptions","organizations_url":"https://api.github.com/users/sranimez/orgs","repos_url":"https://api.github.com/users/sranimez/repos","events_url":"https://api.github.com/users/sranimez/events{/privacy}","received_events_url":"https://api.github.com/users/sranimez/received_events","type":"User","site_admin":false},"created_at":"2016-02-09T23:22:02Z","updated_at":"2016-02-09T23:22:02Z","body":"sorry even with his help I have not been layers center it, the CSS is this perhaps can help me here , the problem is that the div has no absolute size :(\r\n\r\n```\r\n.mdl-snackbar {\r\n    min-width: 288px;\r\n    max-width: 568px;\r\n    border-radius: 2px;\r\n}\r\n.mdl - snackbar {\r\n    position: fixed ;\r\n    bottom: 0px ;\r\n    left: 50 % ;\r\n    margin- right: -50% ;\r\n    cursor : default ;\r\n    background- color: # 323232 ;\r\n    z -index: 10000;\r\n    display : flex ;\r\n    font -family: \" Roboto \" , \"Helvetica \" , \"Arial\" , sans- serif ;\r\n    will- change : transform ;\r\n    transform: translate ( 0px , 80px ) ;\r\n    transition: 0.25s transform cubic- bezier ( 0.4, 0 , 1, 1 ) 0s , -webkit -transform 0.25s cubic- bezier ( 0.4, 0 , 1, 1 ) 0s ;\r\n    pointer -events : none;\r\n}\r\n```"}}