{"action":"created","issue":{"url":"https://api.github.com/repos/Flyer53/jsPanel/issues/18","labels_url":"https://api.github.com/repos/Flyer53/jsPanel/issues/18/labels{/name}","comments_url":"https://api.github.com/repos/Flyer53/jsPanel/issues/18/comments","events_url":"https://api.github.com/repos/Flyer53/jsPanel/issues/18/events","html_url":"https://github.com/Flyer53/jsPanel/issues/18","id":51981204,"number":18,"title":"responsive tooltips","user":{"login":"Flyer53","id":6769021,"avatar_url":"https://avatars.githubusercontent.com/u/6769021?v=3","gravatar_id":"","url":"https://api.github.com/users/Flyer53","html_url":"https://github.com/Flyer53","followers_url":"https://api.github.com/users/Flyer53/followers","following_url":"https://api.github.com/users/Flyer53/following{/other_user}","gists_url":"https://api.github.com/users/Flyer53/gists{/gist_id}","starred_url":"https://api.github.com/users/Flyer53/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Flyer53/subscriptions","organizations_url":"https://api.github.com/users/Flyer53/orgs","repos_url":"https://api.github.com/users/Flyer53/repos","events_url":"https://api.github.com/users/Flyer53/events{/privacy}","received_events_url":"https://api.github.com/users/Flyer53/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Flyer53/jsPanel/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":21,"created_at":"2014-12-15T12:38:25Z","updated_at":"2015-02-02T22:23:49Z","closed_at":null,"body":"@devmondo @genachka\r\nI started my first experiments with responsive tooltips and there is a very first example of tooltips shifting left or right when overflowing the window. This first example currently works only as sort of a callback after generating the tooltip:\r\n\r\nhttp://jspanel.de/beta/responsive.html\r\n\r\nBy default the two buttons generate generate centered tooltips with corners. Now resize the window to a size that makes the tooltips overflow and mouseover again. \r\n\r\nIdeas:\r\n+ tooltips overflowing to the left shift right (but only if there is no additional overflow to the right)\r\n+ tooltips overflowing to the right shift left (but only if there is no additional overflow to the left)\r\n+ shifting of tooltips is limited so that they never loose contact to the triggering element\r\n+ tooltips overflowing both sides don't shift - in this case, I think, the layout should be changed\r\n\r\nWhat do you think?\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/Flyer53/jsPanel/issues/comments/72551364","html_url":"https://github.com/Flyer53/jsPanel/issues/18#issuecomment-72551364","issue_url":"https://api.github.com/repos/Flyer53/jsPanel/issues/18","id":72551364,"user":{"login":"devmondo","id":1266367,"avatar_url":"https://avatars.githubusercontent.com/u/1266367?v=3","gravatar_id":"","url":"https://api.github.com/users/devmondo","html_url":"https://github.com/devmondo","followers_url":"https://api.github.com/users/devmondo/followers","following_url":"https://api.github.com/users/devmondo/following{/other_user}","gists_url":"https://api.github.com/users/devmondo/gists{/gist_id}","starred_url":"https://api.github.com/users/devmondo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/devmondo/subscriptions","organizations_url":"https://api.github.com/users/devmondo/orgs","repos_url":"https://api.github.com/users/devmondo/repos","events_url":"https://api.github.com/users/devmondo/events{/privacy}","received_events_url":"https://api.github.com/users/devmondo/received_events","type":"User","site_admin":false},"created_at":"2015-02-02T22:23:48Z","updated_at":"2015-02-02T22:23:48Z","body":"@Flyer53 \r\n\r\nvelocity is great, but as you said a new dependency, but i think it can be much simpler, i may be wrong, but the way css animation works is when you apply class animation start, so could you test that when maximize button is clicked, you add the animation calss name pragmatically, and use this animation generator if you want to experiment :)\r\n"}}