diff --git a/src/components/Topbar/Topbar.css b/src/components/Topbar/Topbar.css index 02501805..a6c7a569 100644 --- a/src/components/Topbar/Topbar.css +++ b/src/components/Topbar/Topbar.css @@ -196,12 +196,14 @@ /* Place enough to the right to hide the error */ right: -355px; + opacity: 0; max-width: 340px; margin: 0 15px; /* Animate error from the right */ - transition: right var(--transitionStyle); + transition: all ease-out 0.2s; + transition-delay: 1s; /* Bleed the bg color from the bottom */ padding-bottom: 4px; @@ -218,6 +220,7 @@ .genericErrorVisible { right: 0; + opacity: 1; } .genericErrorContent { diff --git a/src/translations/en.json b/src/translations/en.json index 5b7daa8f..465f53b4 100644 --- a/src/translations/en.json +++ b/src/translations/en.json @@ -116,7 +116,7 @@ "EditListingPhotosForm.imageRequired": "You need to add at least one image.", "EditListingPhotosForm.imageTypes": ".JPG, .GIF or .PNG max. 10 MB", "EditListingPhotosForm.imageUploadFailed.uploadFailed": "Failed to upload image. Please try again.", - "EditListingPhotosForm.imageUploadFailed.uploadOverLimit": "Image was too big. Maximum size is 10 MB.", + "EditListingPhotosForm.imageUploadFailed.uploadOverLimit": "Maximum file size is 10 MB. Please try again.", "EditListingPhotosForm.savedImageAltText": "Saved listing image", "EditListingPhotosForm.showListingFailed": "Fetching listing data failed", "EditListingPhotosForm.updateFailed": "Failed to update listing. Please try again.",