From e3d64db48656dcd2c631fcfba50d8a743deab546 Mon Sep 17 00:00:00 2001 From: Janne Koschinski <janne@kuschku.de> Date: Mon, 30 Apr 2018 03:10:39 +0200 Subject: [PATCH] Fix upload page Signed-off-by: Janne Koschinski <janne@kuschku.de> --- assets/js/page_upload.js | 4 ++-- assets/sass/_page_upload.sass | 4 ++-- templates/upload.html | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/assets/js/page_upload.js b/assets/js/page_upload.js index 32516d5..38f2e7f 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 7bf63fe..c0aa13e 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 f996706..b8489a7 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"> -- GitLab