Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add logo placeholder

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/app/views/layout_ref/setup.jst.eco
View file

@ -55,7 +55,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Logo</label> <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 class="btn btn--success fileUpload">Upload<input type="file" class="js-upload" accept="image/*"></div>
</div> </div>
<div class="form-group"> <div class="form-group">

15
app/assets/stylesheets/zammad.css.scss
View file

@ -4197,12 +4197,27 @@ label + .wizard-buttonList {
.setup.wizard .logo-preview { .setup.wizard .logo-preview {
display: block; 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=""]) { .setup.wizard .logo-preview:not([src=""]) {
content: initial;
max-width: 100%; max-width: 100%;
max-height: 130px; max-height: 130px;
margin: 0 auto 15px; margin: 0 auto 15px;
background: none;
width: auto;
height: auto;
} }
.import.wizard .wizard-slide { .import.wizard .wizard-slide {