From 86b3de510bbf7fdd22da7f2b38b8a1d330506ec8 Mon Sep 17 00:00:00 2001
From: Sam Saffron <sam.saffron@gmail.com>
Date: Tue, 12 Jul 2016 17:03:42 +1000
Subject: [PATCH] UX: staged posts show up with opacity 0.4 till on server

---
 app/assets/javascripts/discourse/widgets/post.js.es6 | 1 +
 app/assets/stylesheets/common/base/topic-post.scss   | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/app/assets/javascripts/discourse/widgets/post.js.es6 b/app/assets/javascripts/discourse/widgets/post.js.es6
index 366ff2945..d48e054a7 100644
--- a/app/assets/javascripts/discourse/widgets/post.js.es6
+++ b/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'); }
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 9c1eeb1b8..6028d278a 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/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;