This is a minor UX suggestionWhen a comment is removed, it is somehow even more visually prominent than all the other normal comments.
When a comm== Current is removed, it is somehow even more visually prominent than all the other elements.situation ==
Example:{F271411, size=full}
(FILE)See that the removed comment is rendered just as any other usual comment - but - (apart from the fact that the body is in //italic//) see that there is a very visible "**{icon trash} Trash**" icon on the left, with black background and white text - that makes the row even more prominent from the others.
See that the removed comment is rendered as any other usual commentI have not scientific proofs for that, but you see, having said that the body is just in //italic//that removed comment is like a black garbage can in a white room full of marble artworks. AlsoProbably, a "{icon trash} Trash" icon is shownas soon as you enter that art gallery, with black background and white text - that makes the rowyour eyes trigger their focus on the garbage can instantly, even mbefore prominent.
== Proposal A ==noticing the nearby marble artworks.
Seeing that a comment has been deleted, and by whom, is useful for auditing.== Proposal 1: "Kasper on Diet" ==
HidingPreamble: seeing that a comment has been deleted, and by whom, is useful for auditing. This is why, nuking a deleted comment completely is therefore not in this proposal. But, We can make them a bit less visually impactful, We can make them less visually impactful:in this way:
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):Proof of concept:
> {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}
== Proposal 2: Decaying Curse ==
Preamble: Why we should try to "hide a bit" a removed comment, when we can light it up like a princess instead. Here the proposal:
{F271467, size=full}
== Proposal 3: Liberating the Kraken ==
(Still needing a proposal for this)
== Proposal 4: ... ==
...
----
Feel free to add more
Feel free to add another proposal or discuss the current ones and share your ideas.