diff --git a/assets/js/page_upload.js b/assets/js/page_upload.js index 32516d5c4ed8f662b808b83aea0b594235672aae..38f2e7f4665594bfc3767a2182409ae4f14ffbd8 100644 --- a/assets/js/page_upload.js +++ b/assets/js/page_upload.js @@ -12,8 +12,8 @@ function postData(url, data) { const page = document.querySelector(".page.upload"); const form = document.querySelector("form.upload"); const element = document.querySelector("form.upload input[type=file]"); -const results = document.querySelector(".uploading .images"); -const sidebar = document.querySelector(".uploading .sidebar"); +const results = document.querySelector(".uploading-images .images"); +const sidebar = document.querySelector(".uploading-images .sidebar"); element.addEventListener("change", () => { page.classList.add("submitted"); for (let file of element.files) { diff --git a/assets/sass/_page_upload.sass b/assets/sass/_page_upload.sass index 7bf63fe51aa48d73668bd790c69e5f5af3485a9a..c0aa13e94bf47d55c3ee8c000025b0440d5acc96 100644 --- a/assets/sass/_page_upload.sass +++ b/assets/sass/_page_upload.sass @@ -57,7 +57,7 @@ top: 0 bottom: 0 opacity: 0 - .uploading + .uploading-images display: flex flex-direction: row .images @@ -104,7 +104,7 @@ opacity: 0 &.submitted .container.centered display: none - &:not(.submitted) .uploading + &:not(.submitted) .uploading-images display: none @keyframes indeterminate diff --git a/templates/upload.html b/templates/upload.html index f9967066832433c8f687a4112260464913ffdf2c..b8489a7247e5d48ba6e8a0e1d229e1e864114b97 100644 --- a/templates/upload.html +++ b/templates/upload.html @@ -9,7 +9,7 @@ </label> </form> </div> - <div class="uploading"> + <div class="uploading-images"> <div class="images"></div> <div class="sidebar"> <div class="url">