diff --git a/assets/js/page_upload.js b/assets/js/page_upload.js index 9c3d24a9dda7a8ad6e0a3f9b6372e061897a4063..fa90d9b40e2067f6c77ad76267266f7f7edc6a5d 100644 --- a/assets/js/page_upload.js +++ b/assets/js/page_upload.js @@ -68,6 +68,7 @@ element.addEventListener("change", () => { image_error.classList.add("alert", "error"); image_error.innerText = JSON.stringify(json.errors); image_container.insertBefore(image_error, image_description); + image_container.classList.remove("uploading"); } console.log(json); diff --git a/assets/sass/_page_upload.sass b/assets/sass/_page_upload.sass index e80ea0eac8b23b883ea84fc3acdc3bd025a81c30..71b15f0c1a8c61781abb96b71d1abc31aef9beeb 100644 --- a/assets/sass/_page_upload.sass +++ b/assets/sass/_page_upload.sass @@ -164,7 +164,7 @@ left: 0 bottom: 0 will-change: left, right - animation: indeterminate 4.2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite + animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite &::after content: '' position: absolute @@ -173,8 +173,8 @@ left: 0 bottom: 0 will-change: left, right - animation: indeterminate-short 4.2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite - animation-delay: 2.25s + animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite + animation-delay: 1.125s &:not(.uploading).progress display: none .image