Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-21 17:10:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

📱 https://github.com/siyuan-note/siyuan/issues/2621

Browse source
This commit is contained in:
Vanessa 2022-10-06 20:39:43 +08:00
parent a314c5a947
commit c47a9f0191
4 changed files with 19 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/src/assets/scss/mobile.scss
View file

@ -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) {

8
app/src/assets/template/mobile/index.tpl
View file

@ -56,10 +56,10 @@
<div id="message" class="b3-snackbars"></div>
<div id="status" class="status status--hide"></div>
<div id="keyboardToolbar" class="fn__none">
<svg><use xlink:href="#iconUndo"></use></svg>
<svg><use xlink:href="#iconRedo"></use></svg>
<svg><use xlink:href="#iconOutdent"></use></svg>
<svg><use xlink:href="#iconIndent"></use></svg>
<svg data-type="undo"><use xlink:href="#iconUndo"></use></svg>
<svg data-type="redo"><use xlink:href="#iconRedo"></use></svg>
<svg data-type="outdent"><use xlink:href="#iconOutdent"></use></svg>
<svg data-type="indent"><use xlink:href="#iconIndent"></use></svg>
</div>
</body>
</html>

9
app/src/dialog/processSystem.ts
View file

@ -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;
}

6
app/src/mobile/util/showKeyboardToolbar.ts
View file

@ -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") {
}
})
}