{"action":"created","issue":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7995","repository_url":"https://api.github.com/repos/gatsbyjs/gatsby","labels_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7995/labels{/name}","comments_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7995/comments","events_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7995/events","html_url":"https://github.com/gatsbyjs/gatsby/pull/7995","id":358315176,"node_id":"MDExOlB1bGxSZXF1ZXN0MjE0MTA2ODY4","number":7995,"title":"[www] A couple of main navigation improvements (following up on #7933 (active nav state))","user":{"login":"fk","id":21834,"node_id":"MDQ6VXNlcjIxODM0","avatar_url":"https://avatars3.githubusercontent.com/u/21834?v=4","gravatar_id":"","url":"https://api.github.com/users/fk","html_url":"https://github.com/fk","followers_url":"https://api.github.com/users/fk/followers","following_url":"https://api.github.com/users/fk/following{/other_user}","gists_url":"https://api.github.com/users/fk/gists{/gist_id}","starred_url":"https://api.github.com/users/fk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fk/subscriptions","organizations_url":"https://api.github.com/users/fk/orgs","repos_url":"https://api.github.com/users/fk/repos","events_url":"https://api.github.com/users/fk/events{/privacy}","received_events_url":"https://api.github.com/users/fk/received_events","type":"User","site_admin":false},"labels":[{"id":1002220559,"node_id":"MDU6TGFiZWwxMDAyMjIwNTU5","url":"https://api.github.com/repos/gatsbyjs/gatsby/labels/type:%20design","name":"type: design","color":"1ca591","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-08T17:50:33Z","updated_at":"2018-09-08T19:00:32Z","closed_at":null,"author_association":"CONTRIBUTOR","pull_request":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/pulls/7995","html_url":"https://github.com/gatsbyjs/gatsby/pull/7995","diff_url":"https://github.com/gatsbyjs/gatsby/pull/7995.diff","patch_url":"https://github.com/gatsbyjs/gatsby/pull/7995.patch"},"body":"This PR mainly takes care of making sure that the header items (nav items, Algolia search input, social links) line up nicely with the logo wordmark again. It also resolves the issue where the \"Docs/Tutorial/Features\" sidebar would overlap the 2px bottom border of the active nav item state, and brings back the header search input icon.\r\n\r\nTo enable the above without hacking those fixes in, I refactored the corresponding components in an effort to make things at least a little clearer and simpler. It's not squeaky clean and completely magic-number-free, but IMO quite a bit easier to grasp what's going on.\r\n\r\nPeep these videos to see a comparison to the current next.gatsbyjs.org as well as gatsbyjs.org:\r\n\r\n* https://www.dropbox.com/s/cx15igtrwtj4rk8/active-nav-state.mov?dl=0\r\n* https://www.dropbox.com/s/90k64vdn7iz6s1i/active-nav-state-2.mov?dl=0\r\n\r\n---\r\n\r\nAlong the way, I slightly touched the banner component to allow any amount of (one-line, scrolling overflow) copy:\r\n\r\n<img width=\"386\" alt=\"bildschirmfoto 2018-09-08 um 02 41 53\" src=\"https://user-images.githubusercontent.com/21834/45256574-8b673d80-b398-11e8-8e5f-355809a74217.png\">\r\n\r\n<img width=\"385\" alt=\"bildschirmfoto 2018-09-08 um 02 42 17\" src=\"https://user-images.githubusercontent.com/21834/45256576-8e622e00-b398-11e8-807b-5110464f429d.png\">\r\n\r\nThis PR is powered by [Alice](https://www.youtube.com/watch?v=QUMuDWDVd20) and [Omni Trio](https://www.youtube.com/watch?v=xMYb_mC-CKw)."},"comment":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/comments/419665592","html_url":"https://github.com/gatsbyjs/gatsby/pull/7995#issuecomment-419665592","issue_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7995","id":419665592,"node_id":"MDEyOklzc3VlQ29tbWVudDQxOTY2NTU5Mg==","user":{"login":"fk","id":21834,"node_id":"MDQ6VXNlcjIxODM0","avatar_url":"https://avatars3.githubusercontent.com/u/21834?v=4","gravatar_id":"","url":"https://api.github.com/users/fk","html_url":"https://github.com/fk","followers_url":"https://api.github.com/users/fk/followers","following_url":"https://api.github.com/users/fk/following{/other_user}","gists_url":"https://api.github.com/users/fk/gists{/gist_id}","starred_url":"https://api.github.com/users/fk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fk/subscriptions","organizations_url":"https://api.github.com/users/fk/orgs","repos_url":"https://api.github.com/users/fk/repos","events_url":"https://api.github.com/users/fk/events{/privacy}","received_events_url":"https://api.github.com/users/fk/received_events","type":"User","site_admin":false},"created_at":"2018-09-08T19:00:32Z","updated_at":"2018-09-08T19:00:32Z","author_association":"CONTRIBUTOR","body":"🙏 On to the next one!"}}
{"actor":{"display_login":"fk"}}