{"action":"created","issue":{"url":"https://api.github.com/repos/devtools-html/debugger.html/issues/5603","repository_url":"https://api.github.com/repos/devtools-html/debugger.html","labels_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/5603/labels{/name}","comments_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/5603/comments","events_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/5603/events","html_url":"https://github.com/devtools-html/debugger.html/issues/5603","id":302165347,"number":5603,"title":"[Breakpoints] show breakpoint on hover","user":{"login":"jasonLaster","id":254562,"avatar_url":"https://avatars1.githubusercontent.com/u/254562?v=4","gravatar_id":"","url":"https://api.github.com/users/jasonLaster","html_url":"https://github.com/jasonLaster","followers_url":"https://api.github.com/users/jasonLaster/followers","following_url":"https://api.github.com/users/jasonLaster/following{/other_user}","gists_url":"https://api.github.com/users/jasonLaster/gists{/gist_id}","starred_url":"https://api.github.com/users/jasonLaster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jasonLaster/subscriptions","organizations_url":"https://api.github.com/users/jasonLaster/orgs","repos_url":"https://api.github.com/users/jasonLaster/repos","events_url":"https://api.github.com/users/jasonLaster/events{/privacy}","received_events_url":"https://api.github.com/users/jasonLaster/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-03-05T04:04:27Z","updated_at":"2018-03-05T20:48:12Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"I recently was looking at \"Continue to Line\" for time travel debugging. CtL got me thinking it about two things:\n\n1) it would be nice to have a hover effect in the gutter. For instance, hovering on a line where you can add a breakpoint shows a light breakpoint. With continue to here, hovering on a line that you can jump to with the alt key pressed could show a light background color indicating you can jump there.\n\n2) the way we currently show empty lines (greying out the line number). Can create a zebra effect that is quite distracting. Most of time, the user doesn't care which lines are empty or not, bu the color difference is always visible. \n\nLastly, I think disabling some lines so that you can't add a breakpoint or jump is helpful, but we just need a soft nudge at the right moment. The hover effect should validate whether it's possible to jump or set the breakpoint, without being distracting at other times.\n\n### Breakpoints On Hover\n\nIn this example, the user is hovering on 127 and can add a breakpoint. The user is also hovering on line 133 with the alt key pressed and can jump to 133.\n\n![Screen Shot 2018-03-04 at 10.59.10 PM.png](https://shipusercontent.com/a4f545be5c6c59867e7169527e473315/Screen%20Shot%202018-03-04%20at%2010.59.10%20PM.png)\n\n### Empty Lines\n\n![Screen Shot 2018-03-04 at 10.40.37 PM.png](https://shipusercontent.com/ac8cfc62314fc2b679ab35e79e3320c4/Screen%20Shot%202018-03-04%20at%2010.40.37%20PM.png)\n\n\n---\n\nOther options:\n\n- remove the opacity, perhaps the user doesn't need a visual indicator that the line is valid\n- remove the opacity, and use a different visual indicator like bold the line number on hover"},"comment":{"url":"https://api.github.com/repos/devtools-html/debugger.html/issues/comments/370559641","html_url":"https://github.com/devtools-html/debugger.html/issues/5603#issuecomment-370559641","issue_url":"https://api.github.com/repos/devtools-html/debugger.html/issues/5603","id":370559641,"user":{"login":"violasong","id":55994,"avatar_url":"https://avatars2.githubusercontent.com/u/55994?v=4","gravatar_id":"","url":"https://api.github.com/users/violasong","html_url":"https://github.com/violasong","followers_url":"https://api.github.com/users/violasong/followers","following_url":"https://api.github.com/users/violasong/following{/other_user}","gists_url":"https://api.github.com/users/violasong/gists{/gist_id}","starred_url":"https://api.github.com/users/violasong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/violasong/subscriptions","organizations_url":"https://api.github.com/users/violasong/orgs","repos_url":"https://api.github.com/users/violasong/repos","events_url":"https://api.github.com/users/violasong/events{/privacy}","received_events_url":"https://api.github.com/users/violasong/received_events","type":"User","site_admin":false},"created_at":"2018-03-05T20:48:12Z","updated_at":"2018-03-05T20:48:12Z","author_association":"MEMBER","body":"Love this idea! More informative than the empty lines, and lol that's so true re: zebra effect. \r\n\r\nSounds like the same line could have either a breakpoint added or CtL activated, so there may be a need for a combined indicator?"}}
{"actor":{"display_login":"violasong"}}