more vertical space in the upload selector dialog

This commit is contained in:
Régis Hanol 2013-10-08 19:48:27 +02:00
parent 2e5e6b8c15
commit 94d68d2453
2 changed files with 33 additions and 24 deletions

View File

@ -1,18 +1,24 @@
<div class="modal-body"> <div class="modal-body">
<input type="radio" id="local" value="local" name="upload" {{action useLocal}}> <div class="radios">
<label class="radio" for="local">{{i18n upload_selector.from_my_computer}}</label> <input type="radio" id="local" value="local" name="upload" {{action useLocal}}>
<div class="inputs"> <label class="radio" for="local">{{i18n upload_selector.from_my_computer}}</label>
{{#if controller.local}} {{#if controller.local}}
<input type="file" id="filename-input"> <div class="inputs">
{{else}} <input type="file" id="filename-input"><br>
<input type="text" id="fileurl-input"> <span class="description">{{unbound view.tip}}</span>
</div>
{{/if}}
</div>
<div class="radios">
<input type="radio" id="remote" value="remote" name="upload" {{action useRemote}}>
<label class="radio" for="remote">{{i18n upload_selector.from_the_web}}</label>
{{#if controller.remote}}
<div class="inputs">
<input type="text" id="fileurl-input"><br>
<span class="description">{{unbound view.tip}}</span>
</div>
{{/if}} {{/if}}
<br>
<span class="description">{{view.tip}}</span>
</div> </div>
<br>
<input type="radio" id="remote" value="remote" name="upload" {{action useRemote}}>
<label class="radio" for="remote">{{i18n upload_selector.from_the_web}}</label>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">

View File

@ -17,19 +17,22 @@
display: inline-block; display: inline-block;
padding-left: 10px; padding-left: 10px;
} }
.inputs { .radios {
float: right; margin: 0 0 25px 0;
width: 75%; .inputs {
input { float: right;
width: 90%; width: 75%;
margin: 0 0 5px 0; input {
} width: 90%;
input[type="file"] { margin: 0 0 5px 0;
font-size: 14px; }
line-height: 18px; input[type="file"] {
} font-size: 14px;
.description { line-height: 18px;
color: #9a9ea0; }
.description {
color: #9a9ea0;
}
} }
} }
} }