add logo placeholder
This commit is contained in:
parent
aeebeda2e3
commit
00a3536740
2 changed files with 16 additions and 1 deletions
|
@ -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">
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue