{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material/issues/1217","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/1217/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/1217/comments","events_url":"https://api.github.com/repos/angular/material/issues/1217/events","html_url":"https://github.com/angular/material/issues/1217","id":54679968,"number":1217,"title":"mdPopover - implement component","user":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular/material/labels/needs:%20UX%20team%20review","name":"needs: UX team review","color":"cc317c"},{"url":"https://api.github.com/repos/angular/material/labels/type:%20component","name":"type: component","color":"e11d21"},{"url":"https://api.github.com/repos/angular/material/labels/type:%20feature","name":"type: feature","color":"207de5"}],"state":"open","locked":false,"assignee":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/angular/material/milestones/11","html_url":"https://github.com/angular/material/milestones/Backlog","labels_url":"https://api.github.com/repos/angular/material/milestones/11/labels","id":865967,"number":11,"title":"Backlog","description":"Grouping for issues that have been reviewed and require further information before assignment to milestone is possible.","creator":{"login":"ThomasBurleson","id":210413,"avatar_url":"https://avatars.githubusercontent.com/u/210413?v=3","gravatar_id":"","url":"https://api.github.com/users/ThomasBurleson","html_url":"https://github.com/ThomasBurleson","followers_url":"https://api.github.com/users/ThomasBurleson/followers","following_url":"https://api.github.com/users/ThomasBurleson/following{/other_user}","gists_url":"https://api.github.com/users/ThomasBurleson/gists{/gist_id}","starred_url":"https://api.github.com/users/ThomasBurleson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ThomasBurleson/subscriptions","organizations_url":"https://api.github.com/users/ThomasBurleson/orgs","repos_url":"https://api.github.com/users/ThomasBurleson/repos","events_url":"https://api.github.com/users/ThomasBurleson/events{/privacy}","received_events_url":"https://api.github.com/users/ThomasBurleson/received_events","type":"User","site_admin":false},"open_issues":1307,"closed_issues":356,"state":"open","created_at":"2014-11-14T00:54:02Z","updated_at":"2016-02-18T15:46:23Z","due_on":null,"closed_at":null},"comments":63,"created_at":"2015-01-17T23:39:22Z","updated_at":"2016-02-18T17:14:39Z","closed_at":null,"body":"Unlike tooltips which have minimal content, popups can have sophisticated, rich content and should also use a directional indicator pointing to the originating/requesting element:\r\n\r\nExample #1:\r\n![popover](https://cloud.githubusercontent.com/assets/210413/5790814/f06f4be2-9e6f-11e4-9a63-81225cbb1c30.png)\r\n\r\n> Popovers are intended to have rich content that may be fully interactive. "},"comment":{"url":"https://api.github.com/repos/angular/material/issues/comments/185819899","html_url":"https://github.com/angular/material/issues/1217#issuecomment-185819899","issue_url":"https://api.github.com/repos/angular/material/issues/1217","id":185819899,"user":{"login":"aaroncalderon","id":14810269,"avatar_url":"https://avatars.githubusercontent.com/u/14810269?v=3","gravatar_id":"","url":"https://api.github.com/users/aaroncalderon","html_url":"https://github.com/aaroncalderon","followers_url":"https://api.github.com/users/aaroncalderon/followers","following_url":"https://api.github.com/users/aaroncalderon/following{/other_user}","gists_url":"https://api.github.com/users/aaroncalderon/gists{/gist_id}","starred_url":"https://api.github.com/users/aaroncalderon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aaroncalderon/subscriptions","organizations_url":"https://api.github.com/users/aaroncalderon/orgs","repos_url":"https://api.github.com/users/aaroncalderon/repos","events_url":"https://api.github.com/users/aaroncalderon/events{/privacy}","received_events_url":"https://api.github.com/users/aaroncalderon/received_events","type":"User","site_admin":false},"created_at":"2016-02-18T17:14:39Z","updated_at":"2016-02-18T17:14:39Z","body":"After some searching I found the following possible solutions:\r\n\r\n - [nsPopover](https://github.com/jensengar/nsPopover)\r\n - [angular-popover-toggle](https://github.com/Elijen/angular-popover-toggle)\r\n\r\nThey are not dependent on Bootstrap. \r\n\r\nI have tried to look for a \"Floating Card\" sample on the web, but I just cant find one. Perhaps I will try to use one of the above and use an `md-card` as template..."}}