github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 15:05:24 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

more vertical space in the upload selector dialog

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/assets/javascripts/discourse/templates/modal/upload_selector.js.handlebars
View File

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

29
app/assets/stylesheets/desktop/upload.scss
View File

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