From 00a353674051ddfafdbbf4c71500e7c0a44306b7 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Sat, 15 Nov 2014 15:55:35 +0100
Subject: [PATCH] add logo placeholder

---
 .../app/views/layout_ref/setup.jst.eco            |  2 +-
 app/assets/stylesheets/zammad.css.scss            | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/app/views/layout_ref/setup.jst.eco b/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
index 89bb80ca0..ee8181457 100644
--- a/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/setup.jst.eco
@@ -55,7 +55,7 @@
           </div>
           <div class="form-group">
             <label>Logo</label>
-            <img class="logo-preview" src="">
+            <img class="logo-preview" src="" data-placeholder="Your Logo">
             <div class="btn btn--success fileUpload">Upload<input type="file" class="js-upload" accept="image/*"></div>
           </div>
           <div class="form-group">
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 212aa62e2..79b2c02d5 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -4197,12 +4197,27 @@ label + .wizard-buttonList {
 
 .setup.wizard .logo-preview {
   display: block;
+  background: hsl(0,0%,95%);
+  width: 100%;
+  height: 130px;
+  margin-bottom: 10px;
+  content: "";
+  color: hsl(0,0%,60%);
+  @extend .centered;
+  
+  &:after {
+    content: attr(data-placeholder);
+  }
 }
 
 .setup.wizard .logo-preview:not([src=""]) {
+  content: initial;
   max-width: 100%;
   max-height: 130px;
   margin: 0 auto 15px;
+  background: none;
+  width: auto;
+  height: auto;
 }
 
 .import.wizard .wizard-slide {