{"action":"created","issue":{"url":"https://api.github.com/repos/raintank/grafana/issues/309","labels_url":"https://api.github.com/repos/raintank/grafana/issues/309/labels{/name}","comments_url":"https://api.github.com/repos/raintank/grafana/issues/309/comments","events_url":"https://api.github.com/repos/raintank/grafana/issues/309/events","html_url":"https://github.com/raintank/grafana/issues/309","id":93628659,"number":309,"title":"rt-event-panel table layout","user":{"login":"mattttt","id":2886187,"avatar_url":"https://avatars.githubusercontent.com/u/2886187?v=3","gravatar_id":"","url":"https://api.github.com/users/mattttt","html_url":"https://github.com/mattttt","followers_url":"https://api.github.com/users/mattttt/followers","following_url":"https://api.github.com/users/mattttt/following{/other_user}","gists_url":"https://api.github.com/users/mattttt/gists{/gist_id}","starred_url":"https://api.github.com/users/mattttt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattttt/subscriptions","organizations_url":"https://api.github.com/users/mattttt/orgs","repos_url":"https://api.github.com/users/mattttt/repos","events_url":"https://api.github.com/users/mattttt/events{/privacy}","received_events_url":"https://api.github.com/users/mattttt/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"nchristus","id":136611,"avatar_url":"https://avatars.githubusercontent.com/u/136611?v=3","gravatar_id":"","url":"https://api.github.com/users/nchristus","html_url":"https://github.com/nchristus","followers_url":"https://api.github.com/users/nchristus/followers","following_url":"https://api.github.com/users/nchristus/following{/other_user}","gists_url":"https://api.github.com/users/nchristus/gists{/gist_id}","starred_url":"https://api.github.com/users/nchristus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nchristus/subscriptions","organizations_url":"https://api.github.com/users/nchristus/orgs","repos_url":"https://api.github.com/users/nchristus/repos","events_url":"https://api.github.com/users/nchristus/events{/privacy}","received_events_url":"https://api.github.com/users/nchristus/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/raintank/grafana/milestones/4","html_url":"https://github.com/raintank/grafana/milestones/backlog","labels_url":"https://api.github.com/repos/raintank/grafana/milestones/4/labels","id":1100266,"number":4,"title":"backlog","description":"","creator":{"login":"nopzor1200","id":9953157,"avatar_url":"https://avatars.githubusercontent.com/u/9953157?v=3","gravatar_id":"","url":"https://api.github.com/users/nopzor1200","html_url":"https://github.com/nopzor1200","followers_url":"https://api.github.com/users/nopzor1200/followers","following_url":"https://api.github.com/users/nopzor1200/following{/other_user}","gists_url":"https://api.github.com/users/nopzor1200/gists{/gist_id}","starred_url":"https://api.github.com/users/nopzor1200/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nopzor1200/subscriptions","organizations_url":"https://api.github.com/users/nopzor1200/orgs","repos_url":"https://api.github.com/users/nopzor1200/repos","events_url":"https://api.github.com/users/nopzor1200/events{/privacy}","received_events_url":"https://api.github.com/users/nopzor1200/received_events","type":"User","site_admin":false},"open_issues":34,"closed_issues":28,"state":"open","created_at":"2015-05-07T14:09:11Z","updated_at":"2015-07-23T16:44:43Z","due_on":null,"closed_at":null},"comments":5,"created_at":"2015-07-07T21:03:52Z","updated_at":"2015-07-24T16:39:34Z","closed_at":null,"body":"Core issue:\r\n\r\nLink to panel:  https://app.raintank.io/dashboard/file/rt-events.json\r\nDev path to panel: public/plugins/raintank/panels/raintankEventsPanel/module.html\r\n\r\nThe Litmus Events panel works quite well at narrow widths (using flexbox), which is extremely valuable in certain dashboards:\r\n\r\n![screenshot 2015-07-07 16 16 07](https://cloud.githubusercontent.com/assets/2886187/8556456/1ae182b0-24c5-11e5-9a38-6f4791ae17b2.png)\r\n\r\nbut it's not as nice when it's a full width table view:\r\n\r\n![screenshot 2015-07-07 16 16 50](https://cloud.githubusercontent.com/assets/2886187/8556667/8267aa26-24c6-11e5-9d87-8381b1fc1b7c.png)\r\n\r\nwith that, I propose we use mediaqueries to address the width of the panel (if possible), and use a traditional table view when feasible that looks more like this:\r\n\r\n![table-view-mockup](https://cloud.githubusercontent.com/assets/2886187/8556709/c8377d42-24c6-11e5-8506-03d74a15506e.png)\r\n\r\n**bonus points**\r\n\r\nFigure out what to do at these widths, which are a bit awkward. The endpoint and collector names can be any length, which means that hard breakpoints arent always going to be the right time to switch:\r\n\r\n![screenshot 2015-07-07 16 16 36](https://cloud.githubusercontent.com/assets/2886187/8556742/03d66188-24c7-11e5-9b4d-7664b490f4c9.png)\r\n![screenshot 2015-07-07 16 16 26](https://cloud.githubusercontent.com/assets/2886187/8556743/03d962f2-24c7-11e5-8dc7-183dbf61eac3.png)"},"comment":{"url":"https://api.github.com/repos/raintank/grafana/issues/comments/124575265","html_url":"https://github.com/raintank/grafana/issues/309#issuecomment-124575265","issue_url":"https://api.github.com/repos/raintank/grafana/issues/309","id":124575265,"user":{"login":"mattttt","id":2886187,"avatar_url":"https://avatars.githubusercontent.com/u/2886187?v=3","gravatar_id":"","url":"https://api.github.com/users/mattttt","html_url":"https://github.com/mattttt","followers_url":"https://api.github.com/users/mattttt/followers","following_url":"https://api.github.com/users/mattttt/following{/other_user}","gists_url":"https://api.github.com/users/mattttt/gists{/gist_id}","starred_url":"https://api.github.com/users/mattttt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattttt/subscriptions","organizations_url":"https://api.github.com/users/mattttt/orgs","repos_url":"https://api.github.com/users/mattttt/repos","events_url":"https://api.github.com/users/mattttt/events{/privacy}","received_events_url":"https://api.github.com/users/mattttt/received_events","type":"User","site_admin":false},"created_at":"2015-07-24T16:39:34Z","updated_at":"2015-07-24T16:39:34Z","body":"Rolled back because it was breaking like whoah:\r\n\r\n![screen_shot_2015-07-24_at_11 50 36_am_1024](https://cloud.githubusercontent.com/assets/2886187/8879696/dfa954ea-31e7-11e5-890a-e5f28ee3ef28.png)\r\n"}}