Moin:
However, opacity is also added to the heading of the topic on the right-hand side, but not to the content. I don’t understand this. I’d expect it to either be added to both elements or none. Is this intentional?
It does not appear to be intentional, we use some fragile CSS selectors here (nth-of-type) so it seems we’re just applying the style in places we shouldn’t. Solution is to apply the styles to explicit class names… doing this here:
main ← dev-post-history-revision-classes
merged 02:58PM - 03 Mar 26 UTC
Reported here: https://meta.discourse.org/t/understanding-opacity-in-hidden-revi… sions/397345
We're currently using `nth-of-type` selectors to reduce the opacity of hidden revisions in the history modal... but these can be fragile and are prone to regression if we change anything in the DOM. Adding class names provides more predictable targets — this adds `--previous` and `--current` and fixes the misplaced style.
Before (title of current revision also has reduced opacity)
<img width="2212" height="710" alt="image" src="https://github.com/user-attachments/assets/5cd746ca-3bc8-4c3f-b6a6-aac525d3e0a0" />
After (only the hidden revision has the opacity reduced)
<img width="2292" height="830" alt="image" src="https://github.com/user-attachments/assets/c5eb1731-2d3c-4d5c-9905-c8c8b9b7a33d" />
4 Likes