UX: hide post is unread tooltip after the post is read (#7813)

UX: hide post is unread tooltip after the post is read (#7813)

Note we can’t use display: none here because it doesn’t work with animations.

diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index eabd9cd..7581135 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -865,8 +865,9 @@ span.highlighted {
 }
 
 .read-state.read {
+  visibility: hidden;
   opacity: 0;
-  transition: opacity ease-out 1s;
+  transition: visibility 1s, opacity ease-out 1s;
 }
 
 .signup-cta {

GitHub sha: 50e4ecc7

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there: