From fb94b4c56d79235ce89b4b0cba4921c169924d84 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Mon, 17 Oct 2016 16:53:07 -0400
Subject: [PATCH] Show the whisper preview in the whisper style

---
 app/assets/javascripts/discourse/views/composer.js.es6 | 3 ++-
 app/assets/stylesheets/common/d-editor.scss            | 7 +++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/views/composer.js.es6 b/app/assets/javascripts/discourse/views/composer.js.es6
index c3ad0afe7b9..4273ea308e5 100644
--- a/app/assets/javascripts/discourse/views/composer.js.es6
+++ b/app/assets/javascripts/discourse/views/composer.js.es6
@@ -12,7 +12,8 @@ const ComposerView = Ember.View.extend({
                       'composer.loading',
                       'composer.canEditTitle:edit-title',
                       'composer.createdPost:created-post',
-                      'composer.creatingTopic:topic'],
+                      'composer.creatingTopic:topic',
+                      'composer.whisper:composing-whisper'],
 
   composer: Em.computed.alias('controller.model'),
 
diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 1088eca1b6a..8d3d6183902 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -105,6 +105,13 @@
     width: 0;
     visibility: hidden;
   }
+
+}
+.composing-whisper {
+  .d-editor-preview {
+    font-style: italic;
+    color: dark-light-diff($primary, $secondary, 55%, -40%) !important;
+  }
 }
 
 .d-editor-preview > *:first-child {