jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

uploads: add max filesize to upload page.

Browse Source 
Fixes #4172.
This commit is contained in:
evazion
2019-09-22 19:17:49 -05:00
parent 79c22b8d50
commit e1cdcbd4ce
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/src/styles/specific/dropzone.scss
View File

@@ -3,13 +3,14 @@
padding: 0; padding: 0;
min-height: 100px; min-height: 100px;
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
&.dz-started .placeholder { &.dz-started .dropzone-hint {
display: none; display: none;
} }

5
app/views/uploads/new.html.erb
View File

@@ -36,7 +36,8 @@
</div> </div>
<div class="input" id="filedropzone"> <div class="input" id="filedropzone">
<div class="placeholder">Click or drag and drop to upload a file</div> <div class="dropzone-hint">Click or drag and drop to upload a file</div>
<div class="dropzone-hint hint">Max size: <%= number_to_human_size(Danbooru.config.max_file_size) %>. Supported filetypes: jpg, png, gif, swf, mp4, webm.</div>
</div> </div>
<div class="input"> <div class="input">
@@ -147,7 +148,7 @@
init: function() { init: function() {
$(".fallback").hide(); $(".fallback").hide();
this.on("drop", function(event) { this.on("drop", function(event) {
$("#filedropzone .placeholder").hide(); $("#filedropzone .dropzone-hint").hide();
}); });
this.on("complete", function(file) { this.on("complete", function(file) {
$("#filedropzone .dz-progress").hide(); $("#filedropzone .dz-progress").hide();