Comment button UX
(From https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/8918#note_22595767)
Right now it's kind of difficult to see which line of code you're trying to comment on, especially if there aren't any line numbers in the left column like here: Could we update the button to make it easier to comment on code? Possibly by moving the button closer to the line content.
On another note, I'm pretty sure the button used to be hidden/shown on hover using just CSS, which was much quicker. Now there's a significant delay on hover because of the JS.
Design
additional points
- explore a grow animation on hovering the comment button
- make it css in order to improve response time
- correctly position the button, as in the mock
- slightly scale down the comment button to 50x50px
Edited by 🤖 GitLab Bot 🤖