This is a minor UX suggestion.
When a comment is removed, it is somehow even more visually prominent than all the other elements.
Example:
(FILE)
See that the removed comment is rendered as any other usual comment, having said that the body is just in //italic//. Also, a "{icon trash} Trash" icon is shown, with black background and white text - that makes the row even more prominent.
== Proposal A ==
Seeing that a comment has been deleted, and by whom, is useful for auditing.
Hiding a deleted comment completely is therefore not in this proposal. But, We can make them less visually impactful:
1. deleted comments could demand less vertical margin
2. deleted comments could be somewhat semi-transparent
- and, why not, turning 100% not-transparent when you put the mouse over them
Cursed mockup (just a starting point):
> {F271432, size=full}
Proposed CSS:
```lang=css
.phui-timeline-shell-removed .phui-timeline-icon-fill,
.phui-timeline-shell-removed .phui-timeline-image {
opacity: 0.5;
}
.phui-timeline-shell-removed,
.phui-timeline-shell-removed a,
.phui-timeline-shell-removed .phui-timeline-title {
color: rgba(0, 0, 0, 0.5);
}
.phui-timeline-shell-removed .phui-timeline-core-content {
padding:4px 16px !important;
}
```
NOTE: This CSS cannot work until this Task is merged: {T15191}