{"action":"created","issue":{"url":"https://api.github.com/repos/mapbox/mr-ui/issues/60","repository_url":"https://api.github.com/repos/mapbox/mr-ui","labels_url":"https://api.github.com/repos/mapbox/mr-ui/issues/60/labels{/name}","comments_url":"https://api.github.com/repos/mapbox/mr-ui/issues/60/comments","events_url":"https://api.github.com/repos/mapbox/mr-ui/issues/60/events","html_url":"https://github.com/mapbox/mr-ui/pull/60","id":386310659,"node_id":"MDExOlB1bGxSZXF1ZXN0MjM1MDg0NTI3","number":60,"title":"PageHeader component draft","user":{"login":"davidtheclark","id":628431,"node_id":"MDQ6VXNlcjYyODQzMQ==","avatar_url":"https://avatars2.githubusercontent.com/u/628431?v=4","gravatar_id":"","url":"https://api.github.com/users/davidtheclark","html_url":"https://github.com/davidtheclark","followers_url":"https://api.github.com/users/davidtheclark/followers","following_url":"https://api.github.com/users/davidtheclark/following{/other_user}","gists_url":"https://api.github.com/users/davidtheclark/gists{/gist_id}","starred_url":"https://api.github.com/users/davidtheclark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/davidtheclark/subscriptions","organizations_url":"https://api.github.com/users/davidtheclark/orgs","repos_url":"https://api.github.com/users/davidtheclark/repos","events_url":"https://api.github.com/users/davidtheclark/events{/privacy}","received_events_url":"https://api.github.com/users/davidtheclark/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2018-11-30T19:01:40Z","updated_at":"2018-12-11T23:24:42Z","closed_at":null,"author_association":"COLLABORATOR","pull_request":{"url":"https://api.github.com/repos/mapbox/mr-ui/pulls/60","html_url":"https://github.com/mapbox/mr-ui/pull/60","diff_url":"https://github.com/mapbox/mr-ui/pull/60.diff","patch_url":"https://github.com/mapbox/mr-ui/pull/60.patch"},"body":"Draft component for a shareable page header. I want to confirm the appearance with anyone interested before finishing it off with tests and documentation. I'm imagining this will be used in apps owned by @mapbox/studio and @mapbox/accounts. **Please share your ideas about how this looks and works**, here or in chat!\r\n\r\nHere's what you get:\r\n\r\n- Non-mobile\r\n  - Mapbox logo on the left linking to the homepage.\r\n  - Just to the right of that, the name of the app, linking to the app subdomain home (`href=\"/\"`).\r\n  - Single-level navigation (i.e. no dropdowns).\r\n  - Space on the far right for us to insert the user menu trigger.\r\n- Mobile\r\n  - App nav trigger on the left, Mapbox mark and app name between, user menu trigger on the right.\r\n  - App nav opens in a panel on the left. Has the Mapbox mark and app name at the top, links beneath, close button on the right.\r\n  - When app nav is open, there's a dark background over the page, and when you touch it the nav closes.\r\n- Mobile header shows when you're under the `-mm` breakpoint, non-mobile header shows above that.\r\n\r\nPictures:\r\n\r\n<img width=\"688\" alt=\"screen shot 2018-11-30 at 11 46 09 am\" src=\"https://user-images.githubusercontent.com/628431/49309171-91505480-f497-11e8-94f6-b684b034a4a8.png\">\r\n<img width=\"404\" alt=\"screen shot 2018-11-30 at 11 46 39 am\" src=\"https://user-images.githubusercontent.com/628431/49309172-91505480-f497-11e8-9688-adf4434e7e2d.png\">\r\n<img width=\"344\" alt=\"screen shot 2018-11-30 at 11 46 47 am\" src=\"https://user-images.githubusercontent.com/628431/49309173-91505480-f497-11e8-9f24-128e33dbceab.png\">\r\n\r\ncc @mapbox/frontend @mapbox/frontend-platform "},"comment":{"url":"https://api.github.com/repos/mapbox/mr-ui/issues/comments/446401457","html_url":"https://github.com/mapbox/mr-ui/pull/60#issuecomment-446401457","issue_url":"https://api.github.com/repos/mapbox/mr-ui/issues/60","id":446401457,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NjQwMTQ1Nw==","user":{"login":"danswick","id":2365503,"node_id":"MDQ6VXNlcjIzNjU1MDM=","avatar_url":"https://avatars0.githubusercontent.com/u/2365503?v=4","gravatar_id":"","url":"https://api.github.com/users/danswick","html_url":"https://github.com/danswick","followers_url":"https://api.github.com/users/danswick/followers","following_url":"https://api.github.com/users/danswick/following{/other_user}","gists_url":"https://api.github.com/users/danswick/gists{/gist_id}","starred_url":"https://api.github.com/users/danswick/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danswick/subscriptions","organizations_url":"https://api.github.com/users/danswick/orgs","repos_url":"https://api.github.com/users/danswick/repos","events_url":"https://api.github.com/users/danswick/events{/privacy}","received_events_url":"https://api.github.com/users/danswick/received_events","type":"User","site_admin":false},"created_at":"2018-12-11T23:24:42Z","updated_at":"2018-12-11T23:24:42Z","author_association":"CONTRIBUTOR","body":"I made some tweaks based on the discussion in this ticket and would love feedback from folks. The biggest change was moving to a simple dropdown from a non-sliding slider per https://github.com/mapbox/mr-ui/pull/60#issuecomment-443908112. I tried to make it look as much like the user menu as possible without going full pointy-popover and I'm not sure if it works well or if it's weird. \r\n\r\n![image](https://user-images.githubusercontent.com/2365503/49836794-d6f30400-fd58-11e8-9be4-8c0448b7333a.png)\r\n\r\n"}}
{"actor":{"display_login":"danswick"}}