From c7a6d5f62fce9d789e4bba0d5c4e352b9bfcf7b6 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Mon, 23 Nov 2015 15:58:43 +0100
Subject: [PATCH] chat designer: add disclaimer to preview

---
 app/assets/javascripts/app/views/channel/chat.jst.eco | 6 ++++--
 app/assets/stylesheets/zammad.scss                    | 4 ++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/app/views/channel/chat.jst.eco b/app/assets/javascripts/app/views/channel/chat.jst.eco
index d21f76102..12a2601c2 100644
--- a/app/assets/javascripts/app/views/channel/chat.jst.eco
+++ b/app/assets/javascripts/app/views/channel/chat.jst.eco
@@ -57,11 +57,13 @@
       </div>
     </div>
   </div>
-
+  
+  <label for="preview-iframe" class="formGroup-label"><%- @T('Preview') %></label>
   <div class="browser chat-demo js-browser">
     <div class="browser-head">
       <form class="browser-input js-testurl" novalidate>
-        <input type="url" class="js-testurl-input" placeholder="zammad.org">
+        <input type="url" class="js-testurl-input" id="preview-iframe" placeholder="zammad.org">
+        <span class="help-block"><%- @T("Because of security reasons some websites can't be displayed (for example google.com).") %></span>
       </form>
     </div>
     <div class="browser-body js-demo">
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index e5a9bceb5..2b4da673b 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -7441,6 +7441,10 @@ output {
     }
   }
 
+  .help-block {
+    margin-bottom: -3px;
+  }
+
   .browser-control {
     width: 39px;
     display: flex;