Page MenuHomePhorge

Removed Comments are too visually impactful
Closed, ResolvedPublic

Description

When a comment is removed, it is somehow even more visually prominent than all the other normal comments.

Current situation

Phorge comments before.png (320×487 px, 24 KB)

See that the removed comment is rendered just as any other usual comment - but - (apart from the fact that the body is in italic - and that is great, since I'm Italian) see that there is a very visible " Trash" icon on the left, with black background and white text - that makes the row even more prominent from the others.

I have not scientific proofs for that, but you see, that removed comment is like a black garbage can in a white room full of marble artworks. Probably, as soon as you enter that art gallery, your eyes trigger their focus on the garbage can instantly, even before noticing the nearby marble artworks.

Proposal 1: "Kasper on Diet"

We can make them a bit less visually impactful, in this way:

  1. deleted comments could demand less vertical margin
  2. deleted comments could be somewhat semi-transparent

Proof of concept:

Restyle removed Comments.png (299×554 px, 23 KB)

As you can see from the above image, the above comment is not too much hidden. It's not in ninja mode too. It is just in a compromise state, still visible, but much less prominent. The user icon is in semi-transparency. The trash icon is not of a sparkling bright black anymore. The vertical padding was reduced too.

Proposed CSS:

kasper_diet.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: Allow to style deleted comments from CSS

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:

Decaying Curse proposal.png (570×587 px, 59 KB)

decaying_curse.css
.phui-timeline-shell-removed {
  border: 30px solid red;
  transform: rotate(5deg);
  position:relative;
  z-index:-10;
}
NOTE: This CSS cannot work until this Task is merged: T15191: Allow to style deleted comments from CSS

Proposal 3: Liberating the Kraken

(Still needing 12 hours of work to finish this - sorry)

Proposal 4: ...

...


Feel free to add another proposal or discuss the current ones and share your ideas!

Event Timeline

valerio.bozzolan created this task.
valerio.bozzolan created this object in space S1 Public.
valerio.bozzolan renamed this task from Make removed Comments somehow less visually impactful to Removed Comments are too visually impactful.Mar 25 2023, 18:40
valerio.bozzolan updated the task description. (Show Details)

I support Proposal 1 as Proposal 2 seems to be ridiculous for me.

I support Proposal 1 as Proposal 2 seems to be ridiculous for me.

(I suspect somebody will not appreciate Proposal 3 :D)

This comment was removed by Cigaryno.

What?

I will remove this comment to test

Feel free to test that on my platform that always is up to date:

https://gitpull.it/T1161#20588

Feel free to test that on my platform that always is up to date:

https://gitpull.it/T1161#20588

Here the result for historical purposes:

Gitpull Comment removed new restyle.png (195×422 px, 24 KB)

(Apart from the fact that, if you click on my specific link, it's highlighted in yellow, like any other specific link pointing to a specific comment)