diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss index d164c8efd..79d0b3514 100644 --- a/app/src/assets/scss/mobile.scss +++ b/app/src/assets/scss/mobile.scss @@ -255,6 +255,7 @@ box-sizing: border-box; height: 32px; background: var(--b3-theme-background-light); + z-index: 221; svg { height: 18px; @@ -313,7 +314,7 @@ .status { position: fixed; - bottom: 0; + bottom: -30px; transition: var(--b3-transition); font-size: 12px; color: var(--b3-theme-on-surface); @@ -324,10 +325,6 @@ background-color: var(--b3-theme-background); z-index: 221; @extend .fn__ellipsis; - - &--hide { - bottom: -30px; - } } @media (max-width: 620px) { diff --git a/app/src/assets/template/mobile/index.tpl b/app/src/assets/template/mobile/index.tpl index 6af757a59..fcaf092e9 100644 --- a/app/src/assets/template/mobile/index.tpl +++ b/app/src/assets/template/mobile/index.tpl @@ -56,10 +56,10 @@
- - - - + + + +
diff --git a/app/src/dialog/processSystem.ts b/app/src/dialog/processSystem.ts index e89ea813b..f1536b86f 100644 --- a/app/src/dialog/processSystem.ts +++ b/app/src/dialog/processSystem.ts @@ -176,11 +176,16 @@ let progressStatusTimeoutId: number; export const progressStatus = (data: IWebSocketData) => { if (isMobile()) { clearTimeout(progressStatusTimeoutId); - const statusElement = document.querySelector("#status"); + const statusElement = document.querySelector("#status") as HTMLElement; statusElement.innerHTML = data.msg; statusElement.classList.remove("status--hide"); + if (document.querySelector("keyboardToolbar").classList.contains("fn__none")) { + statusElement.style.bottom = "0" + } else { + statusElement.style.bottom = "30px" + } progressStatusTimeoutId = window.setTimeout(() => { - statusElement.classList.add("status--hide"); + statusElement.style.bottom = "" }, 6000); return; } diff --git a/app/src/mobile/util/showKeyboardToolbar.ts b/app/src/mobile/util/showKeyboardToolbar.ts index 18da2281d..a87ed0144 100644 --- a/app/src/mobile/util/showKeyboardToolbar.ts +++ b/app/src/mobile/util/showKeyboardToolbar.ts @@ -11,4 +11,10 @@ export const hideKeyboardToolbar = () => { export const initKeyboardToolbar = () => { const toolbarElement = document.getElementById("keyboardToolbar"); + toolbarElement.addEventListener("click", (event) => { + const target = event.target as HTMLElement + if (target.tagName === "svg") { + + } + }) }