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 .skip-duplicates
|
||||||
&.inactive .always-upload-similar
|
&.inactive .always-upload-similar
|
||||||
&.inactive .pause-remain-on-error
|
&.inactive .pause-remain-on-error
|
||||||
|
&.inactive .upload-all-anonymous
|
||||||
&.inactive #common-tags,
|
&.inactive #common-tags,
|
||||||
&.uploading input[type=submit],
|
&.uploading input[type=submit],
|
||||||
&.uploading .skip-duplicates,
|
&.uploading .skip-duplicates,
|
||||||
&.uploading .always-upload-similar
|
&.uploading .always-upload-similar
|
||||||
&.uploading .pause-remain-on-error
|
&.uploading .pause-remain-on-error
|
||||||
|
&.uploading .upload-all-anonymous
|
||||||
&:not(.uploading) .cancel
|
&:not(.uploading) .cancel
|
||||||
display: none
|
display: none
|
||||||
|
|
||||||
|
@ -59,6 +61,15 @@ $cancel-button-color = tomato
|
||||||
form>.messages
|
form>.messages
|
||||||
margin-top: 1em
|
margin-top: 1em
|
||||||
|
|
||||||
|
.control-strip
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
gap: 0.5em
|
||||||
|
|
||||||
|
.control-options
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
|
||||||
.uploadables-container
|
.uploadables-container
|
||||||
list-style-type: none
|
list-style-type: none
|
||||||
margin: 0
|
margin: 0
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<div class='control-strip'>
|
<div class='control-strip'>
|
||||||
<input type='submit' value='Upload all' class='submit'/>
|
<input type='submit' value='Upload all' class='submit'/>
|
||||||
|
|
||||||
|
<div class='control-options'>
|
||||||
<span class='skip-duplicates'>
|
<span class='skip-duplicates'>
|
||||||
<%= ctx.makeCheckbox({
|
<%= ctx.makeCheckbox({
|
||||||
text: 'Skip duplicate',
|
text: 'Skip duplicate',
|
||||||
|
@ -36,8 +37,9 @@
|
||||||
checked: false,
|
checked: false,
|
||||||
}) %>
|
}) %>
|
||||||
</span>
|
</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'/>
|
<input type='button' value='Cancel' class='cancel'/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -474,7 +474,7 @@ class PostUploadView extends events.EventTarget {
|
||||||
}
|
}
|
||||||
|
|
||||||
get _commonTagsInputNode() {
|
get _commonTagsInputNode() {
|
||||||
return this._formNode.querySelector('form [name=common-tags');
|
return this._formNode.querySelector('form [name=common-tags]');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue