From 6f34ec0f44edf6c469156694af5725ceb7f95b23 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Wed, 27 Nov 2013 11:34:24 +0100
Subject: [PATCH] make encrypted preview invisible when body is empty

---
 src/sass/views/_write.scss | 5 +++++
 src/tpl/write.html         | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/sass/views/_write.scss b/src/sass/views/_write.scss
index 221b5d2..36b589f 100644
--- a/src/sass/views/_write.scss
+++ b/src/sass/views/_write.scss
@@ -82,6 +82,11 @@
             font-family: monospace;
             color: $color-grey-light;
             word-wrap: break-word;
+            transition: opacity 0.5s;
+        }
+
+        .invisible {
+            opacity: 0;
         }
     }
 
diff --git a/src/tpl/write.html b/src/tpl/write.html
index 7d2ec2d..0300f76 100644
--- a/src/tpl/write.html
+++ b/src/tpl/write.html
@@ -29,7 +29,7 @@
       <div class="body">
         <p ng-model="body" contentEditable="true" ng-change="updatePreview()" tabindex="4" focus-me="state.writer.open && writerTitle === 'Reply'"></p>
 
-        <div class="encrypt-preview">
+        <div class="encrypt-preview" ng-class="{'invisible': !body}">
           <p>-----BEGIN ENCRYPTED PREVIEW-----<br>{{ciphertextPreview}}<br>-----END ENCRYPTED PREVIEW-----</p>
           <br>
           <p>{{signature}}</p>