{"action":"created","issue":{"url":"https://api.github.com/repos/owncloud/calendar/issues/602","repository_url":"https://api.github.com/repos/owncloud/calendar","labels_url":"https://api.github.com/repos/owncloud/calendar/issues/602/labels{/name}","comments_url":"https://api.github.com/repos/owncloud/calendar/issues/602/comments","events_url":"https://api.github.com/repos/owncloud/calendar/issues/602/events","html_url":"https://github.com/owncloud/calendar/pull/602","id":163552857,"number":602,"title":"fix dynamic colorpicker layout","user":{"login":"EtlamGit","id":5821779,"avatar_url":"https://avatars.githubusercontent.com/u/5821779?v=3","gravatar_id":"","url":"https://api.github.com/users/EtlamGit","html_url":"https://github.com/EtlamGit","followers_url":"https://api.github.com/users/EtlamGit/followers","following_url":"https://api.github.com/users/EtlamGit/following{/other_user}","gists_url":"https://api.github.com/users/EtlamGit/gists{/gist_id}","starred_url":"https://api.github.com/users/EtlamGit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EtlamGit/subscriptions","organizations_url":"https://api.github.com/users/EtlamGit/orgs","repos_url":"https://api.github.com/users/EtlamGit/repos","events_url":"https://api.github.com/users/EtlamGit/events{/privacy}","received_events_url":"https://api.github.com/users/EtlamGit/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/owncloud/calendar/labels/3%20-%20to%20review","name":"3 - to review","color":"009800"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-07-03T08:30:26Z","updated_at":"2016-08-02T19:15:33Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/owncloud/calendar/pulls/602","html_url":"https://github.com/owncloud/calendar/pull/602","diff_url":"https://github.com/owncloud/calendar/pull/602.diff","patch_url":"https://github.com/owncloud/calendar/pull/602.patch"},"body":"This allows random number of colors for the colorpicker, without destroying the dynamically created layout.\r\n\r\nBefore this commit a change to calendar colors can destroy the layout of the calendar list. It may overlap with the calendar to the right and everything gets unreadable.\r\nExample BEFORE:\r\n![before](https://cloud.githubusercontent.com/assets/5821779/16544463/5c59fb50-4107-11e6-87c8-6613f72550e2.png)\r\n\r\nWith this change the colorpicker colors are arranged automatically to fit the desired space. The original layout is preserved completely.\r\nExample AFTER:\r\n![after](https://cloud.githubusercontent.com/assets/5821779/16544469/94dc8d80-4107-11e6-81ab-fdf134997fb6.png)\r\n\r\nChange in detail:\r\n- The layout gets cluttered because the colors are not wrapping, but appended to the right infinitely. Therefore the `flex-wrap: wrap;` is necessary.\r\n- To get the height to adapt automatically we need `height: auto;`\r\n- And to preserve the original spacing we have to add some padding. It was 30px - 24px (for the color), therefore we need 3px at top and bottom.\r\n"},"comment":{"url":"https://api.github.com/repos/owncloud/calendar/issues/comments/237012727","html_url":"https://github.com/owncloud/calendar/pull/602#issuecomment-237012727","issue_url":"https://api.github.com/repos/owncloud/calendar/issues/602","id":237012727,"user":{"login":"coveralls","id":2354108,"avatar_url":"https://avatars.githubusercontent.com/u/2354108?v=3","gravatar_id":"","url":"https://api.github.com/users/coveralls","html_url":"https://github.com/coveralls","followers_url":"https://api.github.com/users/coveralls/followers","following_url":"https://api.github.com/users/coveralls/following{/other_user}","gists_url":"https://api.github.com/users/coveralls/gists{/gist_id}","starred_url":"https://api.github.com/users/coveralls/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/coveralls/subscriptions","organizations_url":"https://api.github.com/users/coveralls/orgs","repos_url":"https://api.github.com/users/coveralls/repos","events_url":"https://api.github.com/users/coveralls/events{/privacy}","received_events_url":"https://api.github.com/users/coveralls/received_events","type":"User","site_admin":false},"created_at":"2016-08-02T19:15:33Z","updated_at":"2016-08-02T19:15:33Z","body":"\n[![Coverage Status](https://coveralls.io/builds/7275094/badge)](https://coveralls.io/builds/7275094)\n\nChanges Unknown when pulling **f33d77cba7bba1896896510e9b18582c9dc579c5 on EtlamGit:fix-colorpicker-layout** into ** on owncloud:master**.\n"}}
{"actor":{"display_login":"coveralls"}}