Better layout for upload options
This commit is contained in:
parent
28d2de8a54
commit
0d1fec51c5
3 changed files with 43 additions and 30 deletions
|
@ -15,11 +15,13 @@ $cancel-button-color = tomato
|
|||
&.inactive .skip-duplicates
|
||||
&.inactive .always-upload-similar
|
||||
&.inactive .pause-remain-on-error
|
||||
&.inactive .upload-all-anonymous
|
||||
&.inactive #common-tags,
|
||||
&.uploading input[type=submit],
|
||||
&.uploading .skip-duplicates,
|
||||
&.uploading .always-upload-similar
|
||||
&.uploading .pause-remain-on-error
|
||||
&.uploading .upload-all-anonymous
|
||||
&:not(.uploading) .cancel
|
||||
display: none
|
||||
|
||||
|
@ -59,6 +61,15 @@ $cancel-button-color = tomato
|
|||
form>.messages
|
||||
margin-top: 1em
|
||||
|
||||
.control-strip
|
||||
display: flex
|
||||
flex-direction: column
|
||||
gap: 0.5em
|
||||
|
||||
.control-options
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.uploadables-container
|
||||
list-style-type: none
|
||||
margin: 0
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<div class='control-strip'>
|
||||
<input type='submit' value='Upload all' class='submit'/>
|
||||
|
||||
<div class='control-options'>
|
||||
<span class='skip-duplicates'>
|
||||
<%= ctx.makeCheckbox({
|
||||
text: 'Skip duplicate',
|
||||
|
@ -36,8 +37,9 @@
|
|||
checked: false,
|
||||
}) %>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<%= ctx.makeTextInput({placeholder: 'Common tags', id: 'common-tags', name: 'common-tags', style: 'margin-top:1em;'}) %>
|
||||
<%= ctx.makeTextInput({placeholder: 'Common tags', id: 'common-tags', name: 'common-tags'}) %>
|
||||
|
||||
<input type='button' value='Cancel' class='cancel'/>
|
||||
</div>
|
||||
|
|
|
@ -474,7 +474,7 @@ class PostUploadView extends events.EventTarget {
|
|||
}
|
||||
|
||||
get _commonTagsInputNode() {
|
||||
return this._formNode.querySelector('form [name=common-tags');
|
||||
return this._formNode.querySelector('form [name=common-tags]');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue