{"action":"created","issue":{"url":"https://api.github.com/repos/almighty/almighty-ux/issues/1","repository_url":"https://api.github.com/repos/almighty/almighty-ux","labels_url":"https://api.github.com/repos/almighty/almighty-ux/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/almighty/almighty-ux/issues/1/comments","events_url":"https://api.github.com/repos/almighty/almighty-ux/issues/1/events","html_url":"https://github.com/almighty/almighty-ux/issues/1","id":176559334,"number":1,"title":"Determine Responsive Breakpoints","user":{"login":"mindreeper2420","id":4032718,"avatar_url":"https://avatars.githubusercontent.com/u/4032718?v=3","gravatar_id":"","url":"https://api.github.com/users/mindreeper2420","html_url":"https://github.com/mindreeper2420","followers_url":"https://api.github.com/users/mindreeper2420/followers","following_url":"https://api.github.com/users/mindreeper2420/following{/other_user}","gists_url":"https://api.github.com/users/mindreeper2420/gists{/gist_id}","starred_url":"https://api.github.com/users/mindreeper2420/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mindreeper2420/subscriptions","organizations_url":"https://api.github.com/users/mindreeper2420/orgs","repos_url":"https://api.github.com/users/mindreeper2420/repos","events_url":"https://api.github.com/users/mindreeper2420/events{/privacy}","received_events_url":"https://api.github.com/users/mindreeper2420/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/almighty/almighty-ux/labels/mobile","name":"mobile","color":"006b75"},{"url":"https://api.github.com/repos/almighty/almighty-ux/labels/UX","name":"UX","color":"0088ce"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-09-13T06:22:26Z","updated_at":"2016-09-15T05:06:19Z","closed_at":null,"body":"As a user, I want to be able to view the ALMighty UI on a multitude of devices. In order to do so, the interface must scale properly, depending on the size of the device's viewport.\r\n\r\nA base determination for responsive sets needs to be determined in order for the initial UI release to be usable on more than the desktop platform.\r\n\r\nExisting JIRA Story: https://patternfly.atlassian.net/browse/RHUAP-264\r\n\r\n----\r\nThese are the default media queries in PatternFly: \r\n\r\n```\r\n/* Extra small devices (phones, less than 768px) */\r\n/* No media query since this is the default in Bootstrap */\r\n\r\n/* Small devices (tablets, 768px and up) */\r\n@media (min-width: @screen-sm-min) { ... }\r\n\r\n/* Medium devices (desktops, 992px and up) */\r\n@media (min-width: @screen-md-min) { ... }\r\n\r\n/* Large devices (large desktops, 1200px and up) */\r\n@media (min-width: @screen-lg-min) { ... }\r\n```"},"comment":{"url":"https://api.github.com/repos/almighty/almighty-ux/issues/comments/247235874","html_url":"https://github.com/almighty/almighty-ux/issues/1#issuecomment-247235874","issue_url":"https://api.github.com/repos/almighty/almighty-ux/issues/1","id":247235874,"user":{"login":"mindreeper2420","id":4032718,"avatar_url":"https://avatars.githubusercontent.com/u/4032718?v=3","gravatar_id":"","url":"https://api.github.com/users/mindreeper2420","html_url":"https://github.com/mindreeper2420","followers_url":"https://api.github.com/users/mindreeper2420/followers","following_url":"https://api.github.com/users/mindreeper2420/following{/other_user}","gists_url":"https://api.github.com/users/mindreeper2420/gists{/gist_id}","starred_url":"https://api.github.com/users/mindreeper2420/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mindreeper2420/subscriptions","organizations_url":"https://api.github.com/users/mindreeper2420/orgs","repos_url":"https://api.github.com/users/mindreeper2420/repos","events_url":"https://api.github.com/users/mindreeper2420/events{/privacy}","received_events_url":"https://api.github.com/users/mindreeper2420/received_events","type":"User","site_admin":false},"created_at":"2016-09-15T05:06:19Z","updated_at":"2016-09-15T05:06:19Z","body":"@michaelkleinhenz would you be able to start with the default PatternFly/Bootstrap media queries, and expand from there at a later point?\r\n```\r\n\r\n/* Extra small devices (phones, less than 768px) */\r\n/* No media query since this is the default in Bootstrap */\r\n\r\n/* Small devices (tablets, 768px and up) */\r\n@media (min-width: @screen-sm-min) { ... }\r\n\r\n/* Medium devices (desktops, 992px and up) */\r\n@media (min-width: @screen-md-min) { ... }\r\n\r\n/* Large devices (large desktops, 1200px and up) */\r\n@media (min-width: @screen-lg-min) { ... }\r\n```"}}
{"actor":{"display_login":"mindreeper2420"}}