{"action":"created","issue":{"url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/5","repository_url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline","labels_url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/5/labels{/name}","comments_url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/5/comments","events_url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/5/events","html_url":"https://github.com/jckdrpr/react-horizontal-timeline/issues/5","id":166533189,"number":5,"title":"Inline styling difficult to customize","user":{"login":"Donaldini","id":2185680,"avatar_url":"https://avatars.githubusercontent.com/u/2185680?v=3","gravatar_id":"","url":"https://api.github.com/users/Donaldini","html_url":"https://github.com/Donaldini","followers_url":"https://api.github.com/users/Donaldini/followers","following_url":"https://api.github.com/users/Donaldini/following{/other_user}","gists_url":"https://api.github.com/users/Donaldini/gists{/gist_id}","starred_url":"https://api.github.com/users/Donaldini/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Donaldini/subscriptions","organizations_url":"https://api.github.com/users/Donaldini/orgs","repos_url":"https://api.github.com/users/Donaldini/repos","events_url":"https://api.github.com/users/Donaldini/events{/privacy}","received_events_url":"https://api.github.com/users/Donaldini/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-07-20T09:03:20Z","updated_at":"2016-07-20T11:43:52Z","closed_at":null,"body":"I noticed all the styling is inline on the HTML elements themselves.\r\nIsn't it better to just use a CSS file to put all the styling in.\r\n\r\nI'm asking because i'm trying to integrate this component and customising the styling is rather difficult in regular css. It pretty much requires me to either fork this component or use _!importants_ all the time."},"comment":{"url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/comments/233926145","html_url":"https://github.com/jckdrpr/react-horizontal-timeline/issues/5#issuecomment-233926145","issue_url":"https://api.github.com/repos/jckdrpr/react-horizontal-timeline/issues/5","id":233926145,"user":{"login":"Donaldini","id":2185680,"avatar_url":"https://avatars.githubusercontent.com/u/2185680?v=3","gravatar_id":"","url":"https://api.github.com/users/Donaldini","html_url":"https://github.com/Donaldini","followers_url":"https://api.github.com/users/Donaldini/followers","following_url":"https://api.github.com/users/Donaldini/following{/other_user}","gists_url":"https://api.github.com/users/Donaldini/gists{/gist_id}","starred_url":"https://api.github.com/users/Donaldini/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Donaldini/subscriptions","organizations_url":"https://api.github.com/users/Donaldini/orgs","repos_url":"https://api.github.com/users/Donaldini/repos","events_url":"https://api.github.com/users/Donaldini/events{/privacy}","received_events_url":"https://api.github.com/users/Donaldini/received_events","type":"User","site_admin":false},"created_at":"2016-07-20T11:43:52Z","updated_at":"2016-07-20T11:43:52Z","body":"I had to make a tiny adjustment to the values, because there was no data in it, but still resulted in this:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/2185680/16985285/ae4b4b8c-4e7f-11e6-96cd-df07c02e67f4.png)\r\n\r\n**Code**\r\n```\r\nimport React from 'react';\r\nimport HorizontalTimeline from 'react-horizontal-timeline';\r\n\r\nconst VALUES = ['01/01/2016', '03/02/2016', '05/03/2016', '21/05/2016', '12/08/2016', '15/10/2016'];\r\n\r\nexport default class Timeline extends React.Component {\r\n    state = {\r\n        value: 0,\r\n        previous: 0\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            <HorizontalTimeline\r\n                index={this.state.value}\r\n                indexClick={(index) => {\r\n                    this.setState({\r\n                        value: index,\r\n                        previous: this.state.value\r\n                    });\r\n                }}\r\n                values={ VALUES }\r\n            />\r\n        );\r\n    }\r\n}\r\n```"}}
{"actor":{"display_login":"Donaldini"}}