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

adjust styling

Browse Source
This commit is contained in:
Albert Yi
2018-06-14 17:50:41 -07:00
parent a6e972a6e6
commit 9f33b14fa8
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/specific/uploads.scss
View File

@@ -37,13 +37,17 @@ div#c-uploads {
#filedropzone { #filedropzone {
border: 4px dashed #DDD; border: 4px dashed #DDD;
padding: 10px; padding: 0;
max-width: 700px; min-height: 100px;
min-height: 50px; display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
.placeholder { .placeholder {
font-style: italic; font-style: italic;
color: #333; color: #333;
height: 100%;
} }
&.error { &.error {

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

@@ -33,13 +33,13 @@
</div> </div>
<% end %> <% end %>
<div class="input"> <div class="input fallback">
<%= f.label :file %> <%= f.label :file %>
<%= f.file_field :file, :size => 50 %> <%= f.file_field :file, :size => 50 %>
</div> </div>
<div class="input" id="filedropzone"> <div class="input" id="filedropzone">
<span class="placeholder">Drag and drop a file here</span> <div class="placeholder"><span>Drag and drop a file here</span></div>
</div> </div>
<div class="input"> <div class="input">
@@ -173,6 +173,7 @@
acceptedFiles: "image/jpeg,image/png,image/gif", acceptedFiles: "image/jpeg,image/png,image/gif",
previewTemplate: '<div class="dz-preview dz-file-preview"><div class="dz-details"><div class="dz-filename"><span data-dz-name></span></div><div class="dz-size" data-dz-size></div></div><div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div><div class="dz-error-message"><span data-dz-errormessage></span></div></div>', previewTemplate: '<div class="dz-preview dz-file-preview"><div class="dz-details"><div class="dz-filename"><span data-dz-name></span></div><div class="dz-size" data-dz-size></div></div><div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div><div class="dz-error-message"><span data-dz-errormessage></span></div></div>',
init: function() { init: function() {
$(".fallback").hide();
this.on("drop", function(event) { this.on("drop", function(event) {
$("#filedropzone .placeholder").hide(); $("#filedropzone .placeholder").hide();
}); });