add logo placeholder

This commit is contained in:
Felix Niklas 2014-11-15 15:55:35 +01:00
parent aeebeda2e3
commit 00a3536740
2 changed files with 16 additions and 1 deletions

View file

@ -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">

View file

@ -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 {