{"action":"opened","issue":{"url":"https://api.github.com/repos/mozilla/hubs/issues/314","repository_url":"https://api.github.com/repos/mozilla/hubs","labels_url":"https://api.github.com/repos/mozilla/hubs/issues/314/labels{/name}","comments_url":"https://api.github.com/repos/mozilla/hubs/issues/314/comments","events_url":"https://api.github.com/repos/mozilla/hubs/issues/314/events","html_url":"https://github.com/mozilla/hubs/issues/314","id":317878319,"number":314,"title":"add text tooltip text for HUD/UI buttons (improving `title` attribute text)","user":{"login":"cvan","id":203725,"avatar_url":"https://avatars0.githubusercontent.com/u/203725?v=4","gravatar_id":"","url":"https://api.github.com/users/cvan","html_url":"https://github.com/cvan","followers_url":"https://api.github.com/users/cvan/followers","following_url":"https://api.github.com/users/cvan/following{/other_user}","gists_url":"https://api.github.com/users/cvan/gists{/gist_id}","starred_url":"https://api.github.com/users/cvan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cvan/subscriptions","organizations_url":"https://api.github.com/users/cvan/orgs","repos_url":"https://api.github.com/users/cvan/repos","events_url":"https://api.github.com/users/cvan/events{/privacy}","received_events_url":"https://api.github.com/users/cvan/received_events","type":"User","site_admin":false},"labels":[{"id":703697318,"url":"https://api.github.com/repos/mozilla/hubs/labels/enhancement","name":"enhancement","color":"84b6eb","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-26T05:00:48Z","updated_at":"2018-04-26T05:00:48Z","closed_at":null,"author_association":"MEMBER","body":"improving upon PR #279 which added labels to the HUD icons via `title` attributes… (which was a great addition :+1:)\r\n\r\nwhen a Hub scene loads, it'd be nice if text labels appear below the icon (just like they do in the _Help_ graphic). they could then fade out after a few seconds when the page is interacted with. have the text labels re-appear if the user taps (on mobile) or hovers on desktop/non-touch devices in, say, the top `25vh` of the page.\r\n\r\nrelying on browsers' `title` attributes IMO isn't an obvious-enough method. they take a long time to show up, they're small, they work on only desktop (i.e., devices with a mouse pointer to hover, or screen readers), and so on.\r\n\r\nan alternative to what I suggested in the first paragraph, something off the shelf could be used, such as [`tippy.js`](https://atomiks.github.io/tippyjs/) or [this van11y one](https://van11y.net/downloads/simple-tooltip/demo/), to get the desired effect.\r\n\r\n<img width=\"1386\" alt=\"screen shot 2018-04-25 at 9 52 53 pm\" src=\"https://user-images.githubusercontent.com/203725/39286515-3b8b6f3c-48d3-11e8-8a51-160cb30dfa6f.png\">\r\n\r\n<img width=\"1386\" alt=\"screen shot 2018-04-25 at 9 52 56 pm\" src=\"https://user-images.githubusercontent.com/203725/39286518-4069a410-48d3-11e8-8bf1-22323df3a43d.png\">\r\n"}}
{"actor":{"display_login":"cvan"}}