{"action":"created","comment":{"url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/comments/298131587","pull_request_review_id":255166503,"id":298131587,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDI5ODEzMTU4Nw==","diff_hunk":"@@ -0,0 +1,274 @@\n+@media (max-width: 899px) {\n+  /* Filters overlay */\n+\n+  .container-filters {\n+    background: #fff;\n+    border-radius: 16px;\n+    left: 0;\n+    max-width: initial;\n+    padding-bottom: 4rem;\n+    position: fixed;\n+    top: 0;\n+    transform: translateY(120vh);\n+    transition: transform 300ms cubic-bezier(0.465, 0.183, 0.153, 0.946);\n+    width: 100%;\n+    will-change: transform;\n+    z-index: 1;\n+  }\n+\n+  .container-filters .container-header,\n+  .container-filters .container-body {\n+    padding: 2rem 2rem 0 2rem;\n+  }\n+\n+  .filtering .header {\n+    /*\n+      Closing panel on outter click didn't work on mobile safari.\n+      This is one of the workarounds from the following: \n+      https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event#Safari_Mobile \n+    */\n+    cursor: pointer;\n+  }\n+\n+  .filtering .header-logo {\n+    left: 50%;\n+    pointer-events: none;\n+    position: absolute;\n+    top: 1.5rem;\n+    transform: translateX(-50%);\n+  }\n+\n+  .filtering .header-title,\n+  .filtering .container-results,\n+  .container-filters-footer {\n+    display: none;\n+  }\n+\n+  .filtering .container-filters {\n+    position: absolute;\n+    transform: translateY(4rem);\n+  }\n+\n+  .filtering .container-filters-footer {\n+    background-color: #fff;\n+    border-top: 1px solid #ebecf3;\n+    bottom: 0;\n+    display: flex;\n+    justify-content: space-between;\n+    margin: 0 -2rem;\n+    padding: 1rem;\n+    position: fixed;\n+    width: 100%;\n+    z-index: 5; /* to avoid collision with noUiSlider */\n+  }\n+\n+  .container-filters-footer-button-wrapper {\n+    width: calc(50% - 0.5rem);\n+  }\n+\n+  .ais-ClearRefinements-button,\n+  .container-filters-footer .button {\n+    background-color: rgba(65, 66, 71, 0.08);\n+    border: none;\n+    border-radius: 8px;\n+    cursor: pointer;\n+    display: flex;\n+    font: inherit;\n+    font-size: 0.75rem;\n+    font-weight: bold;\n+    justify-content: center;\n+    padding: 12px;\n+    text-align: center;\n+    width: 100%;\n+  }\n+\n+  .container-filters-footer .button-primary {\n+    background-color: #e2a400;\n+    color: #fff;\n+  }\n+\n+  /* Filters button that triggers the overlay */\n+\n+  .filtering .filters-button {\n+    display: none;\n+  }\n+\n+  .filters-button {\n+    align-items: center;\n+    background-color: #e2a400;\n+    border: none;\n+    border-radius: 8px;\n+    bottom: 2rem;\n+    box-shadow: 0 4px 22px 0 rgba(185, 135, 0, 0.5);\n+    color: #fff;\n+    cursor: pointer;\n+    display: flex;\n+    font: inherit;\n+    font-size: 0.875rem;\n+    font-weight: bold;\n+    justify-content: center;\n+    left: 50%;\n+    min-height: 40px;\n+    min-width: 112px;\n+    position: fixed;\n+    transform: translateX(-50%);\n+  }\n+\n+  .filters-button svg {\n+    height: 14px;\n+    margin-right: 8px;\n+    width: 16px;\n+  }\n+\n+  .container {\n+    padding: 4rem 2rem;\n+  }\n+\n+  .container-options {\n+    display: none;\n+  }\n+\n+  .header {\n+    background: linear-gradient(to bottom, #ae8600, #885b01);\n+    background-image: url('./images/cover-mobile.png');\n+    background-image: url('./images/cover-mobile.png'),","path":"examples/e-commerce/src/app.mobile.css","position":134,"original_position":134,"commit_id":"47d1e8be78f7576ac89ed8bdcaa2388b8bcf04a2","original_commit_id":"47d1e8be78f7576ac89ed8bdcaa2388b8bcf04a2","user":{"login":"francoischalifour","id":6137112,"node_id":"MDQ6VXNlcjYxMzcxMTI=","avatar_url":"https://avatars3.githubusercontent.com/u/6137112?v=4","gravatar_id":"","url":"https://api.github.com/users/francoischalifour","html_url":"https://github.com/francoischalifour","followers_url":"https://api.github.com/users/francoischalifour/followers","following_url":"https://api.github.com/users/francoischalifour/following{/other_user}","gists_url":"https://api.github.com/users/francoischalifour/gists{/gist_id}","starred_url":"https://api.github.com/users/francoischalifour/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/francoischalifour/subscriptions","organizations_url":"https://api.github.com/users/francoischalifour/orgs","repos_url":"https://api.github.com/users/francoischalifour/repos","events_url":"https://api.github.com/users/francoischalifour/events{/privacy}","received_events_url":"https://api.github.com/users/francoischalifour/received_events","type":"User","site_admin":false},"body":"That's true – I thought about following \"[The CSS background-image property as an anti-pattern](https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern)\" in another pass when we'll deal with accessibility.","created_at":"2019-06-27T11:33:32Z","updated_at":"2019-06-27T11:33:32Z","html_url":"https://github.com/algolia/angular-instantsearch/pull/629#discussion_r298131587","pull_request_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629","author_association":"MEMBER","_links":{"self":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/comments/298131587"},"html":{"href":"https://github.com/algolia/angular-instantsearch/pull/629#discussion_r298131587"},"pull_request":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629"}},"in_reply_to_id":298130191},"pull_request":{"url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629","id":290626328,"node_id":"MDExOlB1bGxSZXF1ZXN0MjkwNjI2MzI4","html_url":"https://github.com/algolia/angular-instantsearch/pull/629","diff_url":"https://github.com/algolia/angular-instantsearch/pull/629.diff","patch_url":"https://github.com/algolia/angular-instantsearch/pull/629.patch","issue_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/629","number":629,"state":"open","locked":false,"title":"chore(examples): implement e-commerce demo mobile design","user":{"login":"eunjae-lee","id":499898,"node_id":"MDQ6VXNlcjQ5OTg5OA==","avatar_url":"https://avatars3.githubusercontent.com/u/499898?v=4","gravatar_id":"","url":"https://api.github.com/users/eunjae-lee","html_url":"https://github.com/eunjae-lee","followers_url":"https://api.github.com/users/eunjae-lee/followers","following_url":"https://api.github.com/users/eunjae-lee/following{/other_user}","gists_url":"https://api.github.com/users/eunjae-lee/gists{/gist_id}","starred_url":"https://api.github.com/users/eunjae-lee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/eunjae-lee/subscriptions","organizations_url":"https://api.github.com/users/eunjae-lee/orgs","repos_url":"https://api.github.com/users/eunjae-lee/repos","events_url":"https://api.github.com/users/eunjae-lee/events{/privacy}","received_events_url":"https://api.github.com/users/eunjae-lee/received_events","type":"User","site_admin":false},"body":"## Description\r\nThis implements the mobile design of the e-commerce demo. Based on https://github.com/algolia/instantsearch.js/pull/3866\r\n\r\n## Notes\r\n- Other than the changes for mobile design in InstantSearch.js, there are [a few changes](https://github.com/algolia/angular-instantsearch/pull/629/commits/26266101f8eb136a2308e9a60ff82fa43c26a052#diff-e8c7e43cd3cdd0ff527be8f88d1d02ac) in style dedicated to Angular InstantSearch.\r\n- The implementation for opening/close filters from the vanilla(`ui.js`) is applied directly to `App` component.\r\n\r\n## Preview\r\n[See preview](https://deploy-preview-629--angular-instantsearch.netlify.com/examples/e-commerce/)","created_at":"2019-06-21T14:18:17Z","updated_at":"2019-06-27T11:33:32Z","closed_at":null,"merged_at":null,"merge_commit_sha":"165e076e77f21148b5e956c439040725580a275c","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[],"milestone":null,"commits_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629/commits","review_comments_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629/comments","review_comment_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/comments{/number}","comments_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/629/comments","statuses_url":"https://api.github.com/repos/algolia/angular-instantsearch/statuses/47d1e8be78f7576ac89ed8bdcaa2388b8bcf04a2","head":{"label":"algolia:chore/examples-e-commerce-mobile","ref":"chore/examples-e-commerce-mobile","sha":"47d1e8be78f7576ac89ed8bdcaa2388b8bcf04a2","user":{"login":"algolia","id":2034458,"node_id":"MDEyOk9yZ2FuaXphdGlvbjIwMzQ0NTg=","avatar_url":"https://avatars0.githubusercontent.com/u/2034458?v=4","gravatar_id":"","url":"https://api.github.com/users/algolia","html_url":"https://github.com/algolia","followers_url":"https://api.github.com/users/algolia/followers","following_url":"https://api.github.com/users/algolia/following{/other_user}","gists_url":"https://api.github.com/users/algolia/gists{/gist_id}","starred_url":"https://api.github.com/users/algolia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/algolia/subscriptions","organizations_url":"https://api.github.com/users/algolia/orgs","repos_url":"https://api.github.com/users/algolia/repos","events_url":"https://api.github.com/users/algolia/events{/privacy}","received_events_url":"https://api.github.com/users/algolia/received_events","type":"Organization","site_admin":false},"repo":{"id":107155929,"node_id":"MDEwOlJlcG9zaXRvcnkxMDcxNTU5Mjk=","name":"angular-instantsearch","full_name":"algolia/angular-instantsearch","private":false,"owner":{"login":"algolia","id":2034458,"node_id":"MDEyOk9yZ2FuaXphdGlvbjIwMzQ0NTg=","avatar_url":"https://avatars0.githubusercontent.com/u/2034458?v=4","gravatar_id":"","url":"https://api.github.com/users/algolia","html_url":"https://github.com/algolia","followers_url":"https://api.github.com/users/algolia/followers","following_url":"https://api.github.com/users/algolia/following{/other_user}","gists_url":"https://api.github.com/users/algolia/gists{/gist_id}","starred_url":"https://api.github.com/users/algolia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/algolia/subscriptions","organizations_url":"https://api.github.com/users/algolia/orgs","repos_url":"https://api.github.com/users/algolia/repos","events_url":"https://api.github.com/users/algolia/events{/privacy}","received_events_url":"https://api.github.com/users/algolia/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/algolia/angular-instantsearch","description":"⚡️Lightning-fast search for Angular apps, by Algolia","fork":false,"url":"https://api.github.com/repos/algolia/angular-instantsearch","forks_url":"https://api.github.com/repos/algolia/angular-instantsearch/forks","keys_url":"https://api.github.com/repos/algolia/angular-instantsearch/keys{/key_id}","collaborators_url":"https://api.github.com/repos/algolia/angular-instantsearch/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/algolia/angular-instantsearch/teams","hooks_url":"https://api.github.com/repos/algolia/angular-instantsearch/hooks","issue_events_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/events{/number}","events_url":"https://api.github.com/repos/algolia/angular-instantsearch/events","assignees_url":"https://api.github.com/repos/algolia/angular-instantsearch/assignees{/user}","branches_url":"https://api.github.com/repos/algolia/angular-instantsearch/branches{/branch}","tags_url":"https://api.github.com/repos/algolia/angular-instantsearch/tags","blobs_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/refs{/sha}","trees_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/trees{/sha}","statuses_url":"https://api.github.com/repos/algolia/angular-instantsearch/statuses/{sha}","languages_url":"https://api.github.com/repos/algolia/angular-instantsearch/languages","stargazers_url":"https://api.github.com/repos/algolia/angular-instantsearch/stargazers","contributors_url":"https://api.github.com/repos/algolia/angular-instantsearch/contributors","subscribers_url":"https://api.github.com/repos/algolia/angular-instantsearch/subscribers","subscription_url":"https://api.github.com/repos/algolia/angular-instantsearch/subscription","commits_url":"https://api.github.com/repos/algolia/angular-instantsearch/commits{/sha}","git_commits_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/commits{/sha}","comments_url":"https://api.github.com/repos/algolia/angular-instantsearch/comments{/number}","issue_comment_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/comments{/number}","contents_url":"https://api.github.com/repos/algolia/angular-instantsearch/contents/{+path}","compare_url":"https://api.github.com/repos/algolia/angular-instantsearch/compare/{base}...{head}","merges_url":"https://api.github.com/repos/algolia/angular-instantsearch/merges","archive_url":"https://api.github.com/repos/algolia/angular-instantsearch/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/algolia/angular-instantsearch/downloads","issues_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues{/number}","pulls_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls{/number}","milestones_url":"https://api.github.com/repos/algolia/angular-instantsearch/milestones{/number}","notifications_url":"https://api.github.com/repos/algolia/angular-instantsearch/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/algolia/angular-instantsearch/labels{/name}","releases_url":"https://api.github.com/repos/algolia/angular-instantsearch/releases{/id}","deployments_url":"https://api.github.com/repos/algolia/angular-instantsearch/deployments","created_at":"2017-10-16T16:47:53Z","updated_at":"2019-06-25T20:53:40Z","pushed_at":"2019-06-27T00:20:16Z","git_url":"git://github.com/algolia/angular-instantsearch.git","ssh_url":"git@github.com:algolia/angular-instantsearch.git","clone_url":"https://github.com/algolia/angular-instantsearch.git","svn_url":"https://github.com/algolia/angular-instantsearch","homepage":"https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/angular/","size":21366,"stargazers_count":187,"watchers_count":187,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":31,"mirror_url":null,"archived":false,"disabled":false,"open_issues_count":35,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":31,"open_issues":35,"watchers":187,"default_branch":"develop"}},"base":{"label":"algolia:v3","ref":"v3","sha":"0fe926ee87034f29b76a956c6ed3ab9d1826edf4","user":{"login":"algolia","id":2034458,"node_id":"MDEyOk9yZ2FuaXphdGlvbjIwMzQ0NTg=","avatar_url":"https://avatars0.githubusercontent.com/u/2034458?v=4","gravatar_id":"","url":"https://api.github.com/users/algolia","html_url":"https://github.com/algolia","followers_url":"https://api.github.com/users/algolia/followers","following_url":"https://api.github.com/users/algolia/following{/other_user}","gists_url":"https://api.github.com/users/algolia/gists{/gist_id}","starred_url":"https://api.github.com/users/algolia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/algolia/subscriptions","organizations_url":"https://api.github.com/users/algolia/orgs","repos_url":"https://api.github.com/users/algolia/repos","events_url":"https://api.github.com/users/algolia/events{/privacy}","received_events_url":"https://api.github.com/users/algolia/received_events","type":"Organization","site_admin":false},"repo":{"id":107155929,"node_id":"MDEwOlJlcG9zaXRvcnkxMDcxNTU5Mjk=","name":"angular-instantsearch","full_name":"algolia/angular-instantsearch","private":false,"owner":{"login":"algolia","id":2034458,"node_id":"MDEyOk9yZ2FuaXphdGlvbjIwMzQ0NTg=","avatar_url":"https://avatars0.githubusercontent.com/u/2034458?v=4","gravatar_id":"","url":"https://api.github.com/users/algolia","html_url":"https://github.com/algolia","followers_url":"https://api.github.com/users/algolia/followers","following_url":"https://api.github.com/users/algolia/following{/other_user}","gists_url":"https://api.github.com/users/algolia/gists{/gist_id}","starred_url":"https://api.github.com/users/algolia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/algolia/subscriptions","organizations_url":"https://api.github.com/users/algolia/orgs","repos_url":"https://api.github.com/users/algolia/repos","events_url":"https://api.github.com/users/algolia/events{/privacy}","received_events_url":"https://api.github.com/users/algolia/received_events","type":"Organization","site_admin":false},"html_url":"https://github.com/algolia/angular-instantsearch","description":"⚡️Lightning-fast search for Angular apps, by Algolia","fork":false,"url":"https://api.github.com/repos/algolia/angular-instantsearch","forks_url":"https://api.github.com/repos/algolia/angular-instantsearch/forks","keys_url":"https://api.github.com/repos/algolia/angular-instantsearch/keys{/key_id}","collaborators_url":"https://api.github.com/repos/algolia/angular-instantsearch/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/algolia/angular-instantsearch/teams","hooks_url":"https://api.github.com/repos/algolia/angular-instantsearch/hooks","issue_events_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/events{/number}","events_url":"https://api.github.com/repos/algolia/angular-instantsearch/events","assignees_url":"https://api.github.com/repos/algolia/angular-instantsearch/assignees{/user}","branches_url":"https://api.github.com/repos/algolia/angular-instantsearch/branches{/branch}","tags_url":"https://api.github.com/repos/algolia/angular-instantsearch/tags","blobs_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/refs{/sha}","trees_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/trees{/sha}","statuses_url":"https://api.github.com/repos/algolia/angular-instantsearch/statuses/{sha}","languages_url":"https://api.github.com/repos/algolia/angular-instantsearch/languages","stargazers_url":"https://api.github.com/repos/algolia/angular-instantsearch/stargazers","contributors_url":"https://api.github.com/repos/algolia/angular-instantsearch/contributors","subscribers_url":"https://api.github.com/repos/algolia/angular-instantsearch/subscribers","subscription_url":"https://api.github.com/repos/algolia/angular-instantsearch/subscription","commits_url":"https://api.github.com/repos/algolia/angular-instantsearch/commits{/sha}","git_commits_url":"https://api.github.com/repos/algolia/angular-instantsearch/git/commits{/sha}","comments_url":"https://api.github.com/repos/algolia/angular-instantsearch/comments{/number}","issue_comment_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues/comments{/number}","contents_url":"https://api.github.com/repos/algolia/angular-instantsearch/contents/{+path}","compare_url":"https://api.github.com/repos/algolia/angular-instantsearch/compare/{base}...{head}","merges_url":"https://api.github.com/repos/algolia/angular-instantsearch/merges","archive_url":"https://api.github.com/repos/algolia/angular-instantsearch/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/algolia/angular-instantsearch/downloads","issues_url":"https://api.github.com/repos/algolia/angular-instantsearch/issues{/number}","pulls_url":"https://api.github.com/repos/algolia/angular-instantsearch/pulls{/number}","milestones_url":"https://api.github.com/repos/algolia/angular-instantsearch/milestones{/number}","notifications_url":"https://api.github.com/repos/algolia/angular-instantsearch/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/algolia/angular-instantsearch/labels{/name}","releases_url":"https://api.github.com/repos/algolia/angular-instantsearch/releases{/id}","deployments_url":"https://api.github.com/repos/algolia/angular-instantsearch/deployments","created_at":"2017-10-16T16:47:53Z","updated_at":"2019-06-25T20:53:40Z","pushed_at":"2019-06-27T00:20:16Z","git_url":"git://github.com/algolia/angular-instantsearch.git","ssh_url":"git@github.com:algolia/angular-instantsearch.git","clone_url":"https://github.com/algolia/angular-instantsearch.git","svn_url":"https://github.com/algolia/angular-instantsearch","homepage":"https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/angular/","size":21366,"stargazers_count":187,"watchers_count":187,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":31,"mirror_url":null,"archived":false,"disabled":false,"open_issues_count":35,"license":{"key":"mit","name":"MIT License","spdx_id":"MIT","url":"https://api.github.com/licenses/mit","node_id":"MDc6TGljZW5zZTEz"},"forks":31,"open_issues":35,"watchers":187,"default_branch":"develop"}},"_links":{"self":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629"},"html":{"href":"https://github.com/algolia/angular-instantsearch/pull/629"},"issue":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/issues/629"},"comments":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/issues/629/comments"},"review_comments":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629/comments"},"review_comment":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/pulls/629/commits"},"statuses":{"href":"https://api.github.com/repos/algolia/angular-instantsearch/statuses/47d1e8be78f7576ac89ed8bdcaa2388b8bcf04a2"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"francoischalifour"}}