diff --git a/app/src/assets/scss/_snackbar.scss b/app/src/assets/scss/_snackbar.scss index 09d3f1e4a..eae42224c 100644 --- a/app/src/assets/scss/_snackbar.scss +++ b/app/src/assets/scss/_snackbar.scss @@ -1,7 +1,7 @@ .b3-snackbar { margin-bottom: 16px; position: relative; - transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 256ms cubic-bezier(0.45, 0.05, 0.55, 0.95) 0ms; text-align: right; &--hide { @@ -17,7 +17,7 @@ display: flex; flex-direction: column; transform: translate3d(calc(20vw + 48px), 0, 0); - transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; + transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms; &--show { transform: translate3d(0, 0, 0) !important; diff --git a/app/src/dialog/message.ts b/app/src/dialog/message.ts index 55afd2d55..454e4fc9f 100644 --- a/app/src/dialog/message.ts +++ b/app/src/dialog/message.ts @@ -83,8 +83,8 @@ export const hideMessage = (id: string) => { setTimeout(() => { messageElement.remove(); }, Constants.TIMEOUT_INPUT); - if (messagesElement.childElementCount < 2) { - messagesElement.parentElement.classList.remove("b3-snackbars--show"); - } + } + if (messagesElement.childElementCount < 2) { + messagesElement.parentElement.classList.remove("b3-snackbars--show"); } };