Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: improving theme upload modal alignment, markup

This commit is contained in:
Kris 2018-11-21 16:50:49 -05:00
parent c376670bd2
commit 0381e99b71
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/javascripts/admin/templates/modal/admin-add-upload.hbs
View File

@ -1,10 +1,13 @@
{{#d-modal-body class='add-upload-modal' title="admin.customize.theme.add_upload"}}
<div class="inputs">
<input onchange={{action "updateName"}} type="file" id="file-input" accept='*'><br>
<span class="description">{{i18n 'admin.customize.theme.upload_file_tip'}}</span><br>
<label>{{i18n 'admin.customize.theme.variable_name'}}
{{input id="name" value=name}}<br>
</label>
<section class="field">
<input onchange={{action "updateName"}} type="file" id="file-input" accept='*'>
<label for="file-input">{{i18n 'admin.customize.theme.upload_file_tip'}}</label>
</section>
<section class="field">
<label for="theme-variable-name">{{i18n 'admin.customize.theme.variable_name'}}</label>
{{input id="theme-variable-name" value=name}}
</section>
{{#if fileSelected}}
{{#if errorMessage}}
<span class="alert alert-error">{{errorMessage}}</span>

9
app/assets/stylesheets/common/admin/customize.scss
View File

@ -527,8 +527,15 @@
}
.add-upload-modal {
input[type="file"] {
display: block;
margin-bottom: 0.25em;
+ label {
color: $primary-medium;
}
}
label {
margin-top: 20px;
display: inline-block;
}
}