improve logo upload

This commit is contained in:
Felix Niklas 2014-11-15 14:27:23 +01:00
parent 8f6abe0cf8
commit aeebeda2e3
3 changed files with 9 additions and 19 deletions

View file

@ -609,7 +609,7 @@ App.Config.set( 'layout_ref/organization_profile', ReferenceOrganizationProfile,
class ReferenceSetupWizard extends App.ControllerWizard
elements:
'.fileUpload-preview': 'logoPreview'
'.logo-preview': 'logoPreview'
'#agent_email': 'agentEmail'
'#agent_first_name': 'agentFirstName'
'#agent_last_name': 'agentLastName'

View file

@ -55,14 +55,8 @@
</div>
<div class="form-group">
<label>Logo</label>
<div class="horizontal center">
<div class="flex fileUpload-placeholder">
<img class="fileUpload-preview" src="">
</div>
<div class="flex">
<div class="btn btn--success fileUpload"><%- @T('Upload') %><input type="file" class="js-upload" accept="image/*"></div>
</div>
</div>
<img class="logo-preview" src="">
<div class="btn btn--success fileUpload">Upload<input type="file" class="js-upload" accept="image/*"></div>
</div>
<div class="form-group">
<label>System Url</label>

View file

@ -4195,18 +4195,14 @@ label + .wizard-buttonList {
}
}
.setup.wizard .fileUpload-placeholder {
border: dotted 1px #eee;
height: 100px;
.setup.wizard .logo-preview {
display: block;
}
.setup.wizard .fileUpload-preview {
max-height: 100px;
max-width: 180px;
}
.setup.wizard .fileUpload-preview:not([src=""]) + .fileUpload {
margin-left: 15px;
.setup.wizard .logo-preview:not([src=""]) {
max-width: 100%;
max-height: 130px;
margin: 0 auto 15px;
}
.import.wizard .wizard-slide {