{"action":"opened","number":543,"pull_request":{"url":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543","id":97233527,"html_url":"https://github.com/wireapp/wire-webapp/pull/543","diff_url":"https://github.com/wireapp/wire-webapp/pull/543.diff","patch_url":"https://github.com/wireapp/wire-webapp/pull/543.patch","issue_url":"https://api.github.com/repos/wireapp/wire-webapp/issues/543","number":543,"state":"open","locked":false,"title":"POC #218: Hide contacts on a narrow screen","user":{"login":"maximbaz","id":1177900,"avatar_url":"https://avatars.githubusercontent.com/u/1177900?v=3","gravatar_id":"","url":"https://api.github.com/users/maximbaz","html_url":"https://github.com/maximbaz","followers_url":"https://api.github.com/users/maximbaz/followers","following_url":"https://api.github.com/users/maximbaz/following{/other_user}","gists_url":"https://api.github.com/users/maximbaz/gists{/gist_id}","starred_url":"https://api.github.com/users/maximbaz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maximbaz/subscriptions","organizations_url":"https://api.github.com/users/maximbaz/orgs","repos_url":"https://api.github.com/users/maximbaz/repos","events_url":"https://api.github.com/users/maximbaz/events{/privacy}","received_events_url":"https://api.github.com/users/maximbaz/received_events","type":"User","site_admin":false},"body":"## Description\r\nThis is a proof of concept of a simple idea that originates from the discussion in #218.\r\n\r\nWe all know that today you don't officially support screen width less than 768px, but we also know real use-cases when having narrow screen is useful. And we know that today the Wire is entirely unusable on narrow screens.\r\n\r\nWhat I want to achieve with this pull request:\r\n- To make Wire _usable_ for chatting with one person/group at a time, instead of having it entirely unusable (switching between conversations is possible with hotkeys `alt + shift + ↑/↓`). \r\n- To show that the code doesn't have to be changed _a lot_ to support narrow screens, the layout is already pretty fluid.\r\n- To gather the feedback on this, e.g. what could be done as a next incremental improvement.\r\n- To see if you would theoretically accept to merge such proposals :wink:.\r\n\r\nFrom what I can see, the layout with width >= 768px is not affected with changes made in this pull request. The experience with chatting with one person is much better (see screenshots below).\r\n\r\nObviously you shouldn't declare that Wire officially supports narrow screens right after merging this pull request, but you make a better experience for those who still want it even without an official support.\r\n\r\n## Screenshots\r\nBefore:\r\n![8_177](https://cloud.githubusercontent.com/assets/1177900/21033685/99656976-bdb2-11e6-8916-bf5f7f185311.png)\r\n\r\nAfter:\r\n![8_178](https://cloud.githubusercontent.com/assets/1177900/21033686/99659b26-bdb2-11e6-85c4-b8c5d3be0fd6.png)\r\n\r\n## Future ideas\r\nA natural next improvement would be to add an ability to choose between conversations via UI in addition to keyboard shortcuts. What I think should be relatively easy to do:\r\n- Add an icon `<` to the left of the currently opened contact name (inside the `.conversation-titlebar`).\r\n- Clicking on it would show the left panel with the contact list (it should overlay the conversation pane).\r\n- Clicking on any contact in the left panel would in addition hide the left panel again.\r\n\r\nThe changes should obviously only affect the narrow layout.\r\nWhat do you think?","created_at":"2016-12-09T01:09:32Z","updated_at":"2016-12-09T01:09:32Z","closed_at":null,"merged_at":null,"merge_commit_sha":null,"assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543/commits","review_comments_url":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543/comments","review_comment_url":"https://api.github.com/repos/wireapp/wire-webapp/pulls/comments{/number}","comments_url":"https://api.github.com/repos/wireapp/wire-webapp/issues/543/comments","statuses_url":"https://api.github.com/repos/wireapp/wire-webapp/statuses/1ea8562ec95dc8498a9cc227415064dab9729e11","head":{"label":"maximbaz:218-hide-contacts-on-a-narrow-screen","ref":"218-hide-contacts-on-a-narrow-screen","sha":"1ea8562ec95dc8498a9cc227415064dab9729e11","user":{"login":"maximbaz","id":1177900,"avatar_url":"https://avatars.githubusercontent.com/u/1177900?v=3","gravatar_id":"","url":"https://api.github.com/users/maximbaz","html_url":"https://github.com/maximbaz","followers_url":"https://api.github.com/users/maximbaz/followers","following_url":"https://api.github.com/users/maximbaz/following{/other_user}","gists_url":"https://api.github.com/users/maximbaz/gists{/gist_id}","starred_url":"https://api.github.com/users/maximbaz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maximbaz/subscriptions","organizations_url":"https://api.github.com/users/maximbaz/orgs","repos_url":"https://api.github.com/users/maximbaz/repos","events_url":"https://api.github.com/users/maximbaz/events{/privacy}","received_events_url":"https://api.github.com/users/maximbaz/received_events","type":"User","site_admin":false},"repo":{"id":75985963,"name":"wire-webapp","full_name":"maximbaz/wire-webapp","owner":{"login":"maximbaz","id":1177900,"avatar_url":"https://avatars.githubusercontent.com/u/1177900?v=3","gravatar_id":"","url":"https://api.github.com/users/maximbaz","html_url":"https://github.com/maximbaz","followers_url":"https://api.github.com/users/maximbaz/followers","following_url":"https://api.github.com/users/maximbaz/following{/other_user}","gists_url":"https://api.github.com/users/maximbaz/gists{/gist_id}","starred_url":"https://api.github.com/users/maximbaz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maximbaz/subscriptions","organizations_url":"https://api.github.com/users/maximbaz/orgs","repos_url":"https://api.github.com/users/maximbaz/repos","events_url":"https://api.github.com/users/maximbaz/events{/privacy}","received_events_url":"https://api.github.com/users/maximbaz/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/maximbaz/wire-webapp","description":"👽 Wire for Web — Modern communication. Full privacy.","fork":true,"url":"https://api.github.com/repos/maximbaz/wire-webapp","forks_url":"https://api.github.com/repos/maximbaz/wire-webapp/forks","keys_url":"https://api.github.com/repos/maximbaz/wire-webapp/keys{/key_id}","collaborators_url":"https://api.github.com/repos/maximbaz/wire-webapp/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/maximbaz/wire-webapp/teams","hooks_url":"https://api.github.com/repos/maximbaz/wire-webapp/hooks","issue_events_url":"https://api.github.com/repos/maximbaz/wire-webapp/issues/events{/number}","events_url":"https://api.github.com/repos/maximbaz/wire-webapp/events","assignees_url":"https://api.github.com/repos/maximbaz/wire-webapp/assignees{/user}","branches_url":"https://api.github.com/repos/maximbaz/wire-webapp/branches{/branch}","tags_url":"https://api.github.com/repos/maximbaz/wire-webapp/tags","blobs_url":"https://api.github.com/repos/maximbaz/wire-webapp/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/maximbaz/wire-webapp/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/maximbaz/wire-webapp/git/refs{/sha}","trees_url":"https://api.github.com/repos/maximbaz/wire-webapp/git/trees{/sha}","statuses_url":"https://api.github.com/repos/maximbaz/wire-webapp/statuses/{sha}","languages_url":"https://api.github.com/repos/maximbaz/wire-webapp/languages","stargazers_url":"https://api.github.com/repos/maximbaz/wire-webapp/stargazers","contributors_url":"https://api.github.com/repos/maximbaz/wire-webapp/contributors","subscribers_url":"https://api.github.com/repos/maximbaz/wire-webapp/subscribers","subscription_url":"https://api.github.com/repos/maximbaz/wire-webapp/subscription","commits_url":"https://api.github.com/repos/maximbaz/wire-webapp/commits{/sha}","git_commits_url":"https://api.github.com/repos/maximbaz/wire-webapp/git/commits{/sha}","comments_url":"https://api.github.com/repos/maximbaz/wire-webapp/comments{/number}","issue_comment_url":"https://api.github.com/repos/maximbaz/wire-webapp/issues/comments{/number}","contents_url":"https://api.github.com/repos/maximbaz/wire-webapp/contents/{+path}","compare_url":"https://api.github.com/repos/maximbaz/wire-webapp/compare/{base}...{head}","merges_url":"https://api.github.com/repos/maximbaz/wire-webapp/merges","archive_url":"https://api.github.com/repos/maximbaz/wire-webapp/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/maximbaz/wire-webapp/downloads","issues_url":"https://api.github.com/repos/maximbaz/wire-webapp/issues{/number}","pulls_url":"https://api.github.com/repos/maximbaz/wire-webapp/pulls{/number}","milestones_url":"https://api.github.com/repos/maximbaz/wire-webapp/milestones{/number}","notifications_url":"https://api.github.com/repos/maximbaz/wire-webapp/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/maximbaz/wire-webapp/labels{/name}","releases_url":"https://api.github.com/repos/maximbaz/wire-webapp/releases{/id}","deployments_url":"https://api.github.com/repos/maximbaz/wire-webapp/deployments","created_at":"2016-12-09T00:14:33Z","updated_at":"2016-12-09T00:14:35Z","pushed_at":"2016-12-09T00:20:35Z","git_url":"git://github.com/maximbaz/wire-webapp.git","ssh_url":"git@github.com:maximbaz/wire-webapp.git","clone_url":"https://github.com/maximbaz/wire-webapp.git","svn_url":"https://github.com/maximbaz/wire-webapp","homepage":"https://app.wire.com","size":12033,"stargazers_count":0,"watchers_count":0,"language":"CoffeeScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"dev"}},"base":{"label":"wireapp:dev","ref":"dev","sha":"12c52c2cfb38c16da53bcb6e602a0deafa326d2d","user":{"login":"wireapp","id":16047324,"avatar_url":"https://avatars.githubusercontent.com/u/16047324?v=3","gravatar_id":"","url":"https://api.github.com/users/wireapp","html_url":"https://github.com/wireapp","followers_url":"https://api.github.com/users/wireapp/followers","following_url":"https://api.github.com/users/wireapp/following{/other_user}","gists_url":"https://api.github.com/users/wireapp/gists{/gist_id}","starred_url":"https://api.github.com/users/wireapp/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wireapp/subscriptions","organizations_url":"https://api.github.com/users/wireapp/orgs","repos_url":"https://api.github.com/users/wireapp/repos","events_url":"https://api.github.com/users/wireapp/events{/privacy}","received_events_url":"https://api.github.com/users/wireapp/received_events","type":"Organization","site_admin":false},"repo":{"id":63881328,"name":"wire-webapp","full_name":"wireapp/wire-webapp","owner":{"login":"wireapp","id":16047324,"avatar_url":"https://avatars.githubusercontent.com/u/16047324?v=3","gravatar_id":"","url":"https://api.github.com/users/wireapp","html_url":"https://github.com/wireapp","followers_url":"https://api.github.com/users/wireapp/followers","following_url":"https://api.github.com/users/wireapp/following{/other_user}","gists_url":"https://api.github.com/users/wireapp/gists{/gist_id}","starred_url":"https://api.github.com/users/wireapp/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wireapp/subscriptions","organizations_url":"https://api.github.com/users/wireapp/orgs","repos_url":"https://api.github.com/users/wireapp/repos","events_url":"https://api.github.com/users/wireapp/events{/privacy}","received_events_url":"https://api.github.com/users/wireapp/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/wireapp/wire-webapp","description":"👽 Wire for Web — Modern communication. Full privacy.","fork":false,"url":"https://api.github.com/repos/wireapp/wire-webapp","forks_url":"https://api.github.com/repos/wireapp/wire-webapp/forks","keys_url":"https://api.github.com/repos/wireapp/wire-webapp/keys{/key_id}","collaborators_url":"https://api.github.com/repos/wireapp/wire-webapp/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/wireapp/wire-webapp/teams","hooks_url":"https://api.github.com/repos/wireapp/wire-webapp/hooks","issue_events_url":"https://api.github.com/repos/wireapp/wire-webapp/issues/events{/number}","events_url":"https://api.github.com/repos/wireapp/wire-webapp/events","assignees_url":"https://api.github.com/repos/wireapp/wire-webapp/assignees{/user}","branches_url":"https://api.github.com/repos/wireapp/wire-webapp/branches{/branch}","tags_url":"https://api.github.com/repos/wireapp/wire-webapp/tags","blobs_url":"https://api.github.com/repos/wireapp/wire-webapp/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/wireapp/wire-webapp/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/wireapp/wire-webapp/git/refs{/sha}","trees_url":"https://api.github.com/repos/wireapp/wire-webapp/git/trees{/sha}","statuses_url":"https://api.github.com/repos/wireapp/wire-webapp/statuses/{sha}","languages_url":"https://api.github.com/repos/wireapp/wire-webapp/languages","stargazers_url":"https://api.github.com/repos/wireapp/wire-webapp/stargazers","contributors_url":"https://api.github.com/repos/wireapp/wire-webapp/contributors","subscribers_url":"https://api.github.com/repos/wireapp/wire-webapp/subscribers","subscription_url":"https://api.github.com/repos/wireapp/wire-webapp/subscription","commits_url":"https://api.github.com/repos/wireapp/wire-webapp/commits{/sha}","git_commits_url":"https://api.github.com/repos/wireapp/wire-webapp/git/commits{/sha}","comments_url":"https://api.github.com/repos/wireapp/wire-webapp/comments{/number}","issue_comment_url":"https://api.github.com/repos/wireapp/wire-webapp/issues/comments{/number}","contents_url":"https://api.github.com/repos/wireapp/wire-webapp/contents/{+path}","compare_url":"https://api.github.com/repos/wireapp/wire-webapp/compare/{base}...{head}","merges_url":"https://api.github.com/repos/wireapp/wire-webapp/merges","archive_url":"https://api.github.com/repos/wireapp/wire-webapp/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/wireapp/wire-webapp/downloads","issues_url":"https://api.github.com/repos/wireapp/wire-webapp/issues{/number}","pulls_url":"https://api.github.com/repos/wireapp/wire-webapp/pulls{/number}","milestones_url":"https://api.github.com/repos/wireapp/wire-webapp/milestones{/number}","notifications_url":"https://api.github.com/repos/wireapp/wire-webapp/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/wireapp/wire-webapp/labels{/name}","releases_url":"https://api.github.com/repos/wireapp/wire-webapp/releases{/id}","deployments_url":"https://api.github.com/repos/wireapp/wire-webapp/deployments","created_at":"2016-07-21T15:34:05Z","updated_at":"2016-12-08T23:41:02Z","pushed_at":"2016-12-08T23:44:33Z","git_url":"git://github.com/wireapp/wire-webapp.git","ssh_url":"git@github.com:wireapp/wire-webapp.git","clone_url":"https://github.com/wireapp/wire-webapp.git","svn_url":"https://github.com/wireapp/wire-webapp","homepage":"https://app.wire.com","size":12033,"stargazers_count":526,"watchers_count":526,"language":"CoffeeScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":82,"mirror_url":null,"open_issues_count":48,"forks":82,"open_issues":48,"watchers":526,"default_branch":"dev"}},"_links":{"self":{"href":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543"},"html":{"href":"https://github.com/wireapp/wire-webapp/pull/543"},"issue":{"href":"https://api.github.com/repos/wireapp/wire-webapp/issues/543"},"comments":{"href":"https://api.github.com/repos/wireapp/wire-webapp/issues/543/comments"},"review_comments":{"href":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543/comments"},"review_comment":{"href":"https://api.github.com/repos/wireapp/wire-webapp/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/wireapp/wire-webapp/pulls/543/commits"},"statuses":{"href":"https://api.github.com/repos/wireapp/wire-webapp/statuses/1ea8562ec95dc8498a9cc227415064dab9729e11"}},"merged":false,"mergeable":null,"mergeable_state":"unknown","merged_by":null,"comments":0,"review_comments":0,"commits":1,"additions":15,"deletions":3,"changed_files":3}}
{"actor":{"display_login":"maximbaz"}}