{"action":"created","issue":{"url":"https://api.github.com/repos/angular/flex-layout/issues/55","repository_url":"https://api.github.com/repos/angular/flex-layout","labels_url":"https://api.github.com/repos/angular/flex-layout/issues/55/labels{/name}","comments_url":"https://api.github.com/repos/angular/flex-layout/issues/55/comments","events_url":"https://api.github.com/repos/angular/flex-layout/issues/55/events","html_url":"https://github.com/angular/flex-layout/issues/55","id":196813045,"number":55,"title":"feat(mediaMatch): add ScreenTypes and more Breakpoints","user":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars0.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"labels":[{"id":292734724,"url":"https://api.github.com/repos/angular/flex-layout/labels/feature","name":"feature","color":"eb6420","default":false}],"state":"open","locked":false,"assignee":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars0.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"assignees":[{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars0.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/angular/flex-layout/milestones/10","html_url":"https://github.com/angular/flex-layout/milestone/10","labels_url":"https://api.github.com/repos/angular/flex-layout/milestones/10/labels","id":2332979,"number":10,"title":"v2.0.0-rc.2","description":"","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars0.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":16,"closed_issues":1,"state":"open","created_at":"2017-02-19T18:10:12Z","updated_at":"2017-03-07T15:59:37Z","due_on":"2017-03-09T08:00:00Z","closed_at":null},"comments":3,"created_at":"2016-12-21T00:03:28Z","updated_at":"2017-03-08T11:01:48Z","closed_at":null,"body":"Add the following screentypes:\r\n\r\n```js\r\nconst HANDSET_PORTRAIT  = '(orientation: portrait) and (max-width: 599px)';\r\nconst TABLET_PORTRAIT   = '(orientation: portrait) and (min-width: 600px) and (max-width: 839px)';\r\nconst WEB_PORTRAIT      = '(orientation: portrait) and (min-width: 840px)';\r\n\r\nconst HANDSET_LANDSCAPE = '(orientation: landscape) and (max-width: 959px)';\r\nconst TABLET_LANDSCAPE  = '(orientation: landscape) and (min-width: 960px)  and (max-width: 1279px)';\r\nconst WEB_LANDSCAPE     = '(orientation: landscape) and (min-width: 1280px)';\r\n\r\nexport const SCREEN_TYPES = {\r\n  HANDSET           : `${HANDSET_PORTRAIT}, ${HANDSET_LANDSCAPE}  `,\r\n  TABLET            : `${TABLET_PORTRAIT} , ${TABLET_LANDSCAPE}   `,\r\n  WEB               : `${WEB_PORTRAIT}    , ${WEB_LANDSCAPE}      `,\r\n\r\n  HANDSET_PORTRAIT  : `${HANDSET_PORTRAIT}                        `,\r\n  TABLET_PORTRAIT   : `${TABLET_PORTRAIT}                         `,\r\n  WEB_PORTRAIT      : `${WEB_PORTRAIT}                            `,\r\n\r\n  HANDSET_LANDSCAPE : `${HANDSET_LANDSCAPE}                       `,\r\n  TABLET_LANDSCAPE  : `${TABLET_LANDSCAPE}                        `,\r\n  WEB_LANDSCAPE     : `${WEB_LANDSCAPE}                           `\r\n};\r\n```\r\n\r\nAnd the following BreakPoints: \r\n\r\n```js\r\n[\r\n{ 'alias': 'handset'            , 'mediaQuery': ScreenTypes.HANDSET           },\r\n{ 'alias': 'handset.landscape'  , 'mediaQuery': ScreenTypes.HANDSET_LANDSCAPE },\r\n{ 'alias': 'handset.portrait'   , 'mediaQuery': ScreenTypes.HANDSET_PORTRAIT  },\r\n\r\n{ 'alias': 'tablet'             , 'mediaQuery': ScreenTypes.TABLET          },\r\n{ 'alias': 'tablet.landscape'   , 'mediaQuery': ScreenTypes.TABLET          },\r\n{ 'alias': 'tablet.portrait'    , 'mediaQuery': ScreenTypes.TABLET_PORTRAIT },\r\n\r\n{ 'alias': 'web'                , 'mediaQuery': ScreenTypes.WEB           },\r\n{ 'alias': 'web.landscape'      , 'mediaQuery': ScreenTypes.WEB_LANDSCAPE },\r\n{ 'alias': 'web.portrait'       , 'mediaQuery': ScreenTypes.WEB_PORTRAIT  }\r\n]\r\n```"},"comment":{"url":"https://api.github.com/repos/angular/flex-layout/issues/comments/285011987","html_url":"https://github.com/angular/flex-layout/issues/55#issuecomment-285011987","issue_url":"https://api.github.com/repos/angular/flex-layout/issues/55","id":285011987,"user":{"login":"Neo-7","id":11517705,"avatar_url":"https://avatars0.githubusercontent.com/u/11517705?v=3","gravatar_id":"","url":"https://api.github.com/users/Neo-7","html_url":"https://github.com/Neo-7","followers_url":"https://api.github.com/users/Neo-7/followers","following_url":"https://api.github.com/users/Neo-7/following{/other_user}","gists_url":"https://api.github.com/users/Neo-7/gists{/gist_id}","starred_url":"https://api.github.com/users/Neo-7/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Neo-7/subscriptions","organizations_url":"https://api.github.com/users/Neo-7/orgs","repos_url":"https://api.github.com/users/Neo-7/repos","events_url":"https://api.github.com/users/Neo-7/events{/privacy}","received_events_url":"https://api.github.com/users/Neo-7/received_events","type":"User","site_admin":false},"created_at":"2017-03-08T11:01:48Z","updated_at":"2017-03-08T11:01:48Z","body":"@ThomasBurleson \r\nconst HANDSET_LANDSCAPE = '(orientation: landscape) and (max-width: 959px)';\r\n\r\n- Opening the soft keyboard on most devices in portrait orientation will cause the viewport to become wider than it is tall, thereby causing the browser to use landscape styles instead of portrait.\r\n\r\ni think this would solve that issue...\r\nconst HANDSET_LANDSCAPE = '(orientation: landscape) and (max-width: 959px) and (min-width:480px)';"}}
{"actor":{"display_login":"Neo-7"}}