Use timeline for issue/PR comments and actions

[kounoike]

This PR prettify issue/PR comments and actions.

• change to timeline.
• highlight your comments/actions by color.

Issue rendered as:

current user(user)'s comment show with light-blue header.

PR rendered as:

Before submitting a pull-request to GitBucket I have first:

• read the contribution guidelines
• rebased my branch over master
• verified that project is compiling
• verified that tests are passing
• squashed my commits as appropriate (keep several commits if it is relevant to understand the PR)
• marked as closed using commit message all issue ID that this PR should correct

[takezoe]

@kounoike Vertical lines under avator images were removed to reduce similarity to GitHub before. We shouldn't go back.

[kounoike]

@takezoe Vertical line is only one element of design. I think it is trivial parts. GitHub uses vertical line and horizontal line for separating actions. My design uses only vertical line for meaning as timeline.

There are more similar elements such as:

• Action icons with circle
• Action associated colors
• Icon meanings
• labels/assignees/etc in right column

So if you want reducing similarity, is this design preferred?

[McFoggy]

What about simplifying it with more alignment?

or with the close/reopen without any background

[RadWolfie]

I would say first option would be better, with the background.

Also I would suggest to keep the close icon.

[edwardofclt]

I agree @RadWolfie; liked original better.
Would say that BitBucket has a similar featureset. Just because one person does it does not mean someone else can't do it too...

[zexxar]

I also think that the original solution was better. Also this would a be a great addition.