{"action":"created","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/5404","repository_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/5404/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/5404/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/5404/events","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/5404","id":230994458,"node_id":"MDU6SXNzdWUyMzA5OTQ0NTg=","number":5404,"title":"[Proposal] Layout elements from top to bottom and not the other way","user":{"login":"akomm","id":2409779,"node_id":"MDQ6VXNlcjI0MDk3Nzk=","avatar_url":"https://avatars0.githubusercontent.com/u/2409779?v=4","gravatar_id":"","url":"https://api.github.com/users/akomm","html_url":"https://github.com/akomm","followers_url":"https://api.github.com/users/akomm/followers","following_url":"https://api.github.com/users/akomm/following{/other_user}","gists_url":"https://api.github.com/users/akomm/gists{/gist_id}","starred_url":"https://api.github.com/users/akomm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akomm/subscriptions","organizations_url":"https://api.github.com/users/akomm/orgs","repos_url":"https://api.github.com/users/akomm/repos","events_url":"https://api.github.com/users/akomm/events{/privacy}","received_events_url":"https://api.github.com/users/akomm/received_events","type":"User","site_admin":false},"labels":[{"id":59291719,"node_id":"MDU6TGFiZWw1OTI5MTcxOQ==","url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/Discussion","name":"Discussion","color":"777777","default":false},{"id":35121707,"node_id":"MDU6TGFiZWwzNTEyMTcwNw==","url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/Enhancement","name":"Enhancement","color":"219a90","default":false},{"id":845561485,"node_id":"MDU6TGFiZWw4NDU1NjE0ODU=","url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/stale","name":"stale","color":"ffffff","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-05-24T10:34:18Z","updated_at":"2018-06-04T18:47:31Z","closed_at":null,"author_association":"NONE","body":"Components like icon, button, progress (not a full list) are less reusable, when you propagate layout from those components into the parent's space. An example are outbound margins. Adding margins makes implication about the layout in which those components are placed and narrows down its flexibility. \r\n\r\nThe layout definition flow should go from top to bottom in the DOM/Component tree. A component defines its style and behavior, not how it is placed or arranged within a certain context - it should be unaware of this context. An list item should not define margins, instead the list should arrange the items in it correctly.\r\n\r\nThis also works well with web components concepts and libraries like react or frameworks like angular.\r\n\r\nAn even more advanced approach would be to have all elements fluid behavior, so no size configurations are needed at all. You could drop those components into layout (grid, flex, whatever) and they take the shape you layout them to have (including maybe stretching if you do incorrect layout, its your responsibility)."},"comment":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/comments/394458727","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/5404#issuecomment-394458727","issue_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/5404","id":394458727,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NDQ1ODcyNw==","user":{"login":"ivantcholakov","id":1438104,"node_id":"MDQ6VXNlcjE0MzgxMDQ=","avatar_url":"https://avatars1.githubusercontent.com/u/1438104?v=4","gravatar_id":"","url":"https://api.github.com/users/ivantcholakov","html_url":"https://github.com/ivantcholakov","followers_url":"https://api.github.com/users/ivantcholakov/followers","following_url":"https://api.github.com/users/ivantcholakov/following{/other_user}","gists_url":"https://api.github.com/users/ivantcholakov/gists{/gist_id}","starred_url":"https://api.github.com/users/ivantcholakov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ivantcholakov/subscriptions","organizations_url":"https://api.github.com/users/ivantcholakov/orgs","repos_url":"https://api.github.com/users/ivantcholakov/repos","events_url":"https://api.github.com/users/ivantcholakov/events{/privacy}","received_events_url":"https://api.github.com/users/ivantcholakov/received_events","type":"User","site_admin":false},"created_at":"2018-06-04T18:47:30Z","updated_at":"2018-06-04T18:47:30Z","author_association":"NONE","body":"ping"}}
{"actor":{"display_login":"ivantcholakov"}}