UX: staged posts show up with opacity 0.4 till on server

app/assets/javascripts/discourse/widgets/post.js.es6

@@ -401,6 +401,7 @@ export default createWidget('post', {
     if (attrs.cloaked) { return 'cloaked-post'; }
     const classNames = ['topic-post', 'clearfix'];
 
+    if (attrs.id === -1) { classNames.push('staged'); }
     if (attrs.selected) { classNames.push('selected'); }
     if (attrs.topicOwner) { classNames.push('topic-owner'); }
     if (attrs.hidden) { classNames.push('post-hidden'); }

app/assets/stylesheets/common/base/topic-post.scss

@@ -107,6 +107,10 @@ aside.quote {
   opacity: 0.5;
 }
 
+.topic-post.staged {
+  opacity: 0.4;
+}
+
 
 .quote-controls {
   float: right;