{"action":"created","issue":{"url":"https://api.github.com/repos/atom/status-bar/issues/62","labels_url":"https://api.github.com/repos/atom/status-bar/issues/62/labels{/name}","comments_url":"https://api.github.com/repos/atom/status-bar/issues/62/comments","events_url":"https://api.github.com/repos/atom/status-bar/issues/62/events","html_url":"https://github.com/atom/status-bar/pull/62","id":60114274,"number":62,"title":"Improve status-bar overlapping","user":{"login":"simurai","id":378023,"avatar_url":"https://avatars.githubusercontent.com/u/378023?v=3","gravatar_id":"","url":"https://api.github.com/users/simurai","html_url":"https://github.com/simurai","followers_url":"https://api.github.com/users/simurai/followers","following_url":"https://api.github.com/users/simurai/following{/other_user}","gists_url":"https://api.github.com/users/simurai/gists{/gist_id}","starred_url":"https://api.github.com/users/simurai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/simurai/subscriptions","organizations_url":"https://api.github.com/users/simurai/orgs","repos_url":"https://api.github.com/users/simurai/repos","events_url":"https://api.github.com/users/simurai/events{/privacy}","received_events_url":"https://api.github.com/users/simurai/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-03-06T15:15:44Z","updated_at":"2015-03-06T15:32:26Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/atom/status-bar/pulls/62","html_url":"https://github.com/atom/status-bar/pull/62","diff_url":"https://github.com/atom/status-bar/pull/62.diff","patch_url":"https://github.com/atom/status-bar/pull/62.patch"},"body":"#### Problem: \r\n\r\nThe left and right sides of the status-bar can overlap when the window gets narrow.\r\n\r\n![screen shot 2015-03-07 at 12 07 53 am](https://cloud.githubusercontent.com/assets/378023/6527429/089ebcfc-c45e-11e4-8397-cbac2ebd76e6.png)\r\n\r\n#### This PR:\r\n- adds a `max-width` to any `.inline-block`s. Like when there is a huge branch name.\r\n  \r\n![screen shot 2015-03-07 at 12 09 41 am](https://cloud.githubusercontent.com/assets/378023/6527473/5626a89a-c45e-11e4-8d8c-2fe325fe35ca.png)\r\n\r\n- prioritizes right side with `2/3` of the space\r\n- left side with `1/3` -> will get cut-off first\r\n- adds overflow scrolling\r\n\r\n![status-bar](https://cloud.githubusercontent.com/assets/378023/6527489/75703a0e-c45e-11e4-91bd-6acd5ef8c595.gif)\r\n\r\nFixes #48, #38 and maybe also #53.\r\n\r\n#### Questions:\r\n\r\n1. There was a flexbox hack added: https://github.com/atom/status-bar/commit/b953bc3a7c89e318545ee89ee8ffa5a5b71b4ddb Not sure if adding a flexbox inside has a negative effect\r\n2. The `.cursor-position` ( e.g. `9/25` after the file path) gets cut off first, maybe it could be moved to the far left, before the file path?"},"comment":{"url":"https://api.github.com/repos/atom/status-bar/issues/comments/77577739","html_url":"https://github.com/atom/status-bar/pull/62#issuecomment-77577739","issue_url":"https://api.github.com/repos/atom/status-bar/issues/62","id":77577739,"user":{"login":"thomasjo","id":3622,"avatar_url":"https://avatars.githubusercontent.com/u/3622?v=3","gravatar_id":"","url":"https://api.github.com/users/thomasjo","html_url":"https://github.com/thomasjo","followers_url":"https://api.github.com/users/thomasjo/followers","following_url":"https://api.github.com/users/thomasjo/following{/other_user}","gists_url":"https://api.github.com/users/thomasjo/gists{/gist_id}","starred_url":"https://api.github.com/users/thomasjo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/thomasjo/subscriptions","organizations_url":"https://api.github.com/users/thomasjo/orgs","repos_url":"https://api.github.com/users/thomasjo/repos","events_url":"https://api.github.com/users/thomasjo/events{/privacy}","received_events_url":"https://api.github.com/users/thomasjo/received_events","type":"User","site_admin":false},"created_at":"2015-03-06T15:32:26Z","updated_at":"2015-03-06T15:32:26Z","body":":+1: \r\n\r\nOne little thought though, how about adding a tooltip to the text elements instead of scrolling? Scrolling stuff in a status bar feels a little bit weird. Otherwise, perhaps a \"scrolling\" animation on a 500 ms activation timeout or some such."}}