{"action":"created","issue":{"url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/172","labels_url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/172/labels{/name}","comments_url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/172/comments","events_url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/172/events","html_url":"https://github.com/Quartz/Chartbuilder/issues/172","id":93638243,"number":172,"title":"Z-index on color palette","user":{"login":"mhkeller","id":498744,"avatar_url":"https://avatars.githubusercontent.com/u/498744?v=3","gravatar_id":"","url":"https://api.github.com/users/mhkeller","html_url":"https://github.com/mhkeller","followers_url":"https://api.github.com/users/mhkeller/followers","following_url":"https://api.github.com/users/mhkeller/following{/other_user}","gists_url":"https://api.github.com/users/mhkeller/gists{/gist_id}","starred_url":"https://api.github.com/users/mhkeller/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhkeller/subscriptions","organizations_url":"https://api.github.com/users/mhkeller/orgs","repos_url":"https://api.github.com/users/mhkeller/repos","events_url":"https://api.github.com/users/mhkeller/events{/privacy}","received_events_url":"https://api.github.com/users/mhkeller/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-07-07T21:54:34Z","updated_at":"2015-07-22T15:14:24Z","closed_at":null,"body":"Granted the use of this many colors is obscene but the z-indexing is off if you exceed more than few rows.\r\n\r\n![screen shot 2015-07-07 at 3 02 13 pm](https://cloud.githubusercontent.com/assets/498744/8558271/0de96468-24d1-11e5-94bb-0bb90d051459.png)\r\n"},"comment":{"url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/comments/123754671","html_url":"https://github.com/Quartz/Chartbuilder/issues/172#issuecomment-123754671","issue_url":"https://api.github.com/repos/Quartz/Chartbuilder/issues/172","id":123754671,"user":{"login":"mhkeller","id":498744,"avatar_url":"https://avatars.githubusercontent.com/u/498744?v=3","gravatar_id":"","url":"https://api.github.com/users/mhkeller","html_url":"https://github.com/mhkeller","followers_url":"https://api.github.com/users/mhkeller/followers","following_url":"https://api.github.com/users/mhkeller/following{/other_user}","gists_url":"https://api.github.com/users/mhkeller/gists{/gist_id}","starred_url":"https://api.github.com/users/mhkeller/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mhkeller/subscriptions","organizations_url":"https://api.github.com/users/mhkeller/orgs","repos_url":"https://api.github.com/users/mhkeller/repos","events_url":"https://api.github.com/users/mhkeller/events{/privacy}","received_events_url":"https://api.github.com/users/mhkeller/received_events","type":"User","site_admin":false},"created_at":"2015-07-22T15:14:24Z","updated_at":"2015-07-22T15:14:24Z","body":"The z-index battle on this one is pernicious due to nested elements. As a quick fix, I've added the following style adjustments on [here](https://github.com/Quartz/chartbuilder-ui/blob/master/styl/chartbuilder-ui.styl#L101).\r\n\r\nThe width is specific to using the six color scales but the other adjustments (putting it above the colorpicker) could be part of a more generic solution. One big issue, though, is if you have a color picker as the first element, [such as on the chartbuilder-ui demo page](http://quartz.github.io/chartbuilder-ui/), and your els will go off the top of the page.\r\n\r\n````styl\r\n.cb-colorpicker-els\r\n\twidth 260px\r\n\ttop -310px\r\n\t&.active::after\r\n\t\ttop auto\r\n\t\tbottom 7px\r\n````\r\n\r\n![screen shot 2015-07-22 at 11 09 43 am](https://cloud.githubusercontent.com/assets/498744/8828875/4cfbc38e-3062-11e5-9a4c-f38c4e046b73.png)\r\n\r\n\r\n"}}