{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/1321","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/1321/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/1321/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/1321/events","html_url":"https://github.com/callemall/material-ui/pull/1321","id":98610610,"number":1321,"title":"[AppBar] waterfall behaviour","user":{"login":"igorbt","id":1198924,"avatar_url":"https://avatars.githubusercontent.com/u/1198924?v=3","gravatar_id":"","url":"https://api.github.com/users/igorbt","html_url":"https://github.com/igorbt","followers_url":"https://api.github.com/users/igorbt/followers","following_url":"https://api.github.com/users/igorbt/following{/other_user}","gists_url":"https://api.github.com/users/igorbt/gists{/gist_id}","starred_url":"https://api.github.com/users/igorbt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/igorbt/subscriptions","organizations_url":"https://api.github.com/users/igorbt/orgs","repos_url":"https://api.github.com/users/igorbt/repos","events_url":"https://api.github.com/users/igorbt/events{/privacy}","received_events_url":"https://api.github.com/users/igorbt/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/callemall/material-ui/labels/Review:%20review-needed","name":"Review: review-needed","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-08-02T14:02:24Z","updated_at":"2015-11-10T19:35:46Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/callemall/material-ui/pulls/1321","html_url":"https://github.com/callemall/material-ui/pull/1321","diff_url":"https://github.com/callemall/material-ui/pull/1321.diff","patch_url":"https://github.com/callemall/material-ui/pull/1321.patch"},"body":"Implemented a type of AppBar position / behavior that basically transition AppBar from an initial height (maxHeight) to a minimum height while scrolling, with possibility of controlling transitions of AppBar children to create nice effects (check example in the docs and screens below). \r\n\r\n![1](https://cloud.githubusercontent.com/assets/1198924/9026442/f9a6aa76-3937-11e5-9da0-abfa7c3b972f.png)\r\n![2](https://cloud.githubusercontent.com/assets/1198924/9026444/fd6d19e2-3937-11e5-96ef-929cc4079f9d.png)\r\n![3](https://cloud.githubusercontent.com/assets/1198924/9026445/00343516-3938-11e5-9847-13eb17b2504b.png)\r\n![4](https://cloud.githubusercontent.com/assets/1198924/9026447/02dffcdc-3938-11e5-9315-c5f8e3d4502d.png)\r\n\r\nI named it waterfall, because of a similarity with [Polymer's paper-header-element](https://elements.polymer-project.org/elements/paper-header-panel) waterfall mode.\r\n\r\nChanged implementation of fixed position. Now AppCanvas don't set anymore position fixed on a child AppBar. Instead, AppBar should specify it's position (witch, by default is \"fixed\").\r\n\r\nAlso, AppBar now takes care by itself of creating a spacer div when in position fixed (or waterfall), so that there's no need of putting margins/paddings on the static contents that is below AppBar.\r\n\r\nI needed a full-page example for demo in docs, this is why I made a new route for this."},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/155542160","html_url":"https://github.com/callemall/material-ui/pull/1321#issuecomment-155542160","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/1321","id":155542160,"user":{"login":"shaurya947","id":3454081,"avatar_url":"https://avatars.githubusercontent.com/u/3454081?v=3","gravatar_id":"","url":"https://api.github.com/users/shaurya947","html_url":"https://github.com/shaurya947","followers_url":"https://api.github.com/users/shaurya947/followers","following_url":"https://api.github.com/users/shaurya947/following{/other_user}","gists_url":"https://api.github.com/users/shaurya947/gists{/gist_id}","starred_url":"https://api.github.com/users/shaurya947/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shaurya947/subscriptions","organizations_url":"https://api.github.com/users/shaurya947/orgs","repos_url":"https://api.github.com/users/shaurya947/repos","events_url":"https://api.github.com/users/shaurya947/events{/privacy}","received_events_url":"https://api.github.com/users/shaurya947/received_events","type":"User","site_admin":false},"created_at":"2015-11-10T19:35:46Z","updated_at":"2015-11-10T19:35:46Z","body":"I like this. @igorbt can you rebase?\r\n\r\n@oliviertassinari take a look too. We can merge then."}}