ui: change time-line event icons tyle

[a1012112796]

• Fix timeline icons offset [ui] make more icon types onto the time-line like github #10864

Co-authored-by: Sorien [email protected]

• change icons style on time-line to a more meaningfull icon like github instead of primitive-dot

• change merge comment style to distinguish it from close

view:

---

---

---

---

Close #10864

[Sorien]

personally i'd try to align icon and avatar together

could you try

.issue-symbol {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #eee;
    border: 2px solid #fff;
    margin-left: -36px;
    border-radius: 50%;
    padding: 5px;
}

and change all svg icons to theirs original width & height of 16px

[mrsdizzie]

Maybe beyond the scope of this PR, but it would also be nice if the avatar was on the other side of the time line for review comments or approvals, like on Github:

[a1012112796]

Maybe beyond the scope of this PR, but it would also be nice if the avatar was on the other side of the time line for review comments or approvals, like on Github:

Yes, and it's same size and position with comment , I will check and try it. Thanks

[Sorien]

@a1012112796 finally i'm able to build gittea from sources, could you give me few days i'll try to come with proper solution

[a1012112796]

@a1012112796 finally i'm able to build gittea from sources, could you give me few days i'll try to come with proper solution

That's fun, Thanks!

[a1012112796]

Close this PR, It's duplicate #10972, Let's wait it.
@guillep2k Please remove this PR from Milestone.