diff --git a/client/css/post-upload.styl b/client/css/post-upload.styl index a571d348..2b236b0c 100644 --- a/client/css/post-upload.styl +++ b/client/css/post-upload.styl @@ -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 diff --git a/client/html/post_upload.tpl b/client/html/post_upload.tpl index de5d32ee..83968eb9 100644 --- a/client/html/post_upload.tpl +++ b/client/html/post_upload.tpl @@ -5,39 +5,41 @@
- - <%= ctx.makeCheckbox({ - text: 'Skip duplicate', - name: 'skip-duplicates', - checked: false, - }) %> - +
+ + <%= ctx.makeCheckbox({ + text: 'Skip duplicate', + name: 'skip-duplicates', + checked: false, + }) %> + - - <%= ctx.makeCheckbox({ - text: 'Force upload similar', - name: 'always-upload-similar', - checked: false, - }) %> - + + <%= ctx.makeCheckbox({ + text: 'Force upload similar', + name: 'always-upload-similar', + checked: false, + }) %> + - - <%= ctx.makeCheckbox({ - text: 'Pause on error', - name: 'pause-remain-on-error', - checked: true, - }) %> - + + <%= ctx.makeCheckbox({ + text: 'Pause on error', + name: 'pause-remain-on-error', + checked: true, + }) %> + - - <%= ctx.makeCheckbox({ - text: 'Upload anonymously', - name: 'upload-all-anonymous', - checked: false, - }) %> - + + <%= ctx.makeCheckbox({ + text: 'Upload anonymously', + name: 'upload-all-anonymous', + checked: false, + }) %> + +
- <%= 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'}) %>
diff --git a/client/js/views/post_upload_view.js b/client/js/views/post_upload_view.js index a1d8041a..212e1536 100644 --- a/client/js/views/post_upload_view.js +++ b/client/js/views/post_upload_view.js @@ -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]'); } }