{"action":"created","issue":{"url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4410","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4410/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4410/comments","events_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4410/events","html_url":"https://github.com/angular-ui/bootstrap/pull/4410","id":106195823,"number":4410,"title":"feat(typeahead): Custom CSS class for typeahead's dropdown menu","user":{"login":"gorork","id":6679057,"avatar_url":"https://avatars.githubusercontent.com/u/6679057?v=3","gravatar_id":"","url":"https://api.github.com/users/gorork","html_url":"https://github.com/gorork","followers_url":"https://api.github.com/users/gorork/followers","following_url":"https://api.github.com/users/gorork/following{/other_user}","gists_url":"https://api.github.com/users/gorork/gists{/gist_id}","starred_url":"https://api.github.com/users/gorork/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gorork/subscriptions","organizations_url":"https://api.github.com/users/gorork/orgs","repos_url":"https://api.github.com/users/gorork/repos","events_url":"https://api.github.com/users/gorork/events{/privacy}","received_events_url":"https://api.github.com/users/gorork/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/angular-ui/bootstrap/labels/component:%20typeahead","name":"component: typeahead","color":"ffffff"},{"url":"https://api.github.com/repos/angular-ui/bootstrap/labels/needs:%20work","name":"needs: work","color":"207de5"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/19","html_url":"https://github.com/angular-ui/bootstrap/milestones/0.14.0%20(Bootstrap%203.3)","labels_url":"https://api.github.com/repos/angular-ui/bootstrap/milestones/19/labels","id":1022385,"number":19,"title":"0.14.0 (Bootstrap 3.3)","description":"Full Bootstrap v3.3.2 compatibility","creator":{"login":"rvanbaalen","id":220637,"avatar_url":"https://avatars.githubusercontent.com/u/220637?v=3","gravatar_id":"","url":"https://api.github.com/users/rvanbaalen","html_url":"https://github.com/rvanbaalen","followers_url":"https://api.github.com/users/rvanbaalen/followers","following_url":"https://api.github.com/users/rvanbaalen/following{/other_user}","gists_url":"https://api.github.com/users/rvanbaalen/gists{/gist_id}","starred_url":"https://api.github.com/users/rvanbaalen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rvanbaalen/subscriptions","organizations_url":"https://api.github.com/users/rvanbaalen/orgs","repos_url":"https://api.github.com/users/rvanbaalen/repos","events_url":"https://api.github.com/users/rvanbaalen/events{/privacy}","received_events_url":"https://api.github.com/users/rvanbaalen/received_events","type":"User","site_admin":false},"open_issues":77,"closed_issues":46,"state":"open","created_at":"2015-03-15T21:55:14Z","updated_at":"2015-09-14T16:54:35Z","due_on":null,"closed_at":null},"comments":4,"created_at":"2015-09-13T02:32:46Z","updated_at":"2015-09-14T21:30:41Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/angular-ui/bootstrap/pulls/4410","html_url":"https://github.com/angular-ui/bootstrap/pull/4410","diff_url":"https://github.com/angular-ui/bootstrap/pull/4410.diff","patch_url":"https://github.com/angular-ui/bootstrap/pull/4410.patch"},"body":"PR for #4332 with the corresponding demo.\r\n\r\nTypeahead directive checks if an optional attribute `typeahead-dropdown-custom-class` is specified, and adds it to the dropdown main container. Works with append-to-body attribute.\r\n\r\nFor example: attribute `typeahead-dropdown-custom-class=\"demo-class\"` will add `demo-class` like this:\r\n`<div class=\"dropdown-menu demo-class\">`."},"comment":{"url":"https://api.github.com/repos/angular-ui/bootstrap/issues/comments/140211100","html_url":"https://github.com/angular-ui/bootstrap/pull/4410#issuecomment-140211100","issue_url":"https://api.github.com/repos/angular-ui/bootstrap/issues/4410","id":140211100,"user":{"login":"gorork","id":6679057,"avatar_url":"https://avatars.githubusercontent.com/u/6679057?v=3","gravatar_id":"","url":"https://api.github.com/users/gorork","html_url":"https://github.com/gorork","followers_url":"https://api.github.com/users/gorork/followers","following_url":"https://api.github.com/users/gorork/following{/other_user}","gists_url":"https://api.github.com/users/gorork/gists{/gist_id}","starred_url":"https://api.github.com/users/gorork/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gorork/subscriptions","organizations_url":"https://api.github.com/users/gorork/orgs","repos_url":"https://api.github.com/users/gorork/repos","events_url":"https://api.github.com/users/gorork/events{/privacy}","received_events_url":"https://api.github.com/users/gorork/received_events","type":"User","site_admin":false},"created_at":"2015-09-14T21:30:41Z","updated_at":"2015-09-14T21:30:41Z","body":"@wesleycho The custom class is being added to a popup element, not to `<body>` tag. So basically, we get `<ul class=\"dropdown-menu my-class\">` element, which can be targeted in CSS like `.dropdown-menu.my-class { ... }`."}}