{"action":"created","issue":{"url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/37","repository_url":"https://api.github.com/repos/thomasgohard/web-form-validation-test","labels_url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/37/labels{/name}","comments_url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/37/comments","events_url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/37/events","html_url":"https://github.com/thomasgohard/web-form-validation-test/issues/37","id":159487126,"number":37,"title":"Fix side overlay for help text","user":{"login":"neoinsight","id":1855584,"avatar_url":"https://avatars.githubusercontent.com/u/1855584?v=3","gravatar_id":"","url":"https://api.github.com/users/neoinsight","html_url":"https://github.com/neoinsight","followers_url":"https://api.github.com/users/neoinsight/followers","following_url":"https://api.github.com/users/neoinsight/following{/other_user}","gists_url":"https://api.github.com/users/neoinsight/gists{/gist_id}","starred_url":"https://api.github.com/users/neoinsight/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neoinsight/subscriptions","organizations_url":"https://api.github.com/users/neoinsight/orgs","repos_url":"https://api.github.com/users/neoinsight/repos","events_url":"https://api.github.com/users/neoinsight/events{/privacy}","received_events_url":"https://api.github.com/users/neoinsight/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2016-06-09T19:20:27Z","updated_at":"2016-06-24T20:38:15Z","closed_at":null,"body":"@touficS \r\nAs you know, we have been testing solutions for help with questions on forms. Through the testing of this form: http://thomas.gohard.me/web-form-validation-test/index-en.html, we were able to improve the Details/Summary CSS for WET. It's still not the best solution for form help as the details/summary pushes the input field out of view, so we are trying an overlay instead.\r\n\r\nYou or one of the coders on your team created a design of the ETA for Mike @matyeo to test - with a side overlay and the modal popup overlay (which @shawnthompson had suggested too).  The side overlay was the clear winner, but during the testing, the width had to be reset to the default because it was too narrow in mobile view. People also had trouble finding the close button (it had scrolled out of view). So, we need to refine and test again. \r\n\r\n1. For our next test, we want to try the side overlay again, at about 50% width. Mike and I figure your original ETA design was at about 30% width, versus the 90% default.  I have added a side overlay to the index-en page of this repo, but I don't know how to change the width. Could you give us a hand and either edit the index-en page and put in a pull request or just tell me here how to add that to the source code for the wb-overlay 'right panel version' at line 149. \r\n2. I also added a Close button at line 160, but it doesn't work. In WET, only the centred popup has a close button, maybe that's why? Ideally, we'd like that Close button to float but for now, I'd at least like it to work. Again, my coding skills just aren't that good (I'm more of a cut and paster, despite the antique CS degree!). Any advice there?  \r\n\r\nThanks! FYI @pcwsmith \r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/comments/228455994","html_url":"https://github.com/thomasgohard/web-form-validation-test/issues/37#issuecomment-228455994","issue_url":"https://api.github.com/repos/thomasgohard/web-form-validation-test/issues/37","id":228455994,"user":{"login":"neoinsight","id":1855584,"avatar_url":"https://avatars.githubusercontent.com/u/1855584?v=3","gravatar_id":"","url":"https://api.github.com/users/neoinsight","html_url":"https://github.com/neoinsight","followers_url":"https://api.github.com/users/neoinsight/followers","following_url":"https://api.github.com/users/neoinsight/following{/other_user}","gists_url":"https://api.github.com/users/neoinsight/gists{/gist_id}","starred_url":"https://api.github.com/users/neoinsight/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neoinsight/subscriptions","organizations_url":"https://api.github.com/users/neoinsight/orgs","repos_url":"https://api.github.com/users/neoinsight/repos","events_url":"https://api.github.com/users/neoinsight/events{/privacy}","received_events_url":"https://api.github.com/users/neoinsight/received_events","type":"User","site_admin":false},"created_at":"2016-06-24T20:38:15Z","updated_at":"2016-06-24T20:38:15Z","body":"Oh never mind, they ARE working. I was just clicking the links that say 'overlay' ON that page and thinking they would open an overlay. Now I see that I need to click the word to define on each of the linked pages. Sorry - d'oh. "}}
{"actor":{"display_login":"neoinsight"}}