Vanessa 2022-06-25 23:22:09 +08:00
parent 8a90ad0ba1
commit f43a9aa2e1
2 changed files with 12 additions and 15 deletions

View File

@ -245,19 +245,11 @@ progressLoading: 400
} }
#barDock { #barDock {
&:hover .b3-menu { .b3-menu__item:hover {
display: block;
}
.b3-menu {
display: none;
&__item:hover {
background-color: var(--b3-list-hover); background-color: var(--b3-list-hover);
} }
} }
} }
}
.config { .config {
&-query { &-query {

View File

@ -166,7 +166,7 @@ const initStatus = () => {
<svg> <svg>
<use xlink:href="#${window.siyuan.config.uiLayout.hideDock ? "iconDock" : "iconHideDock"}"></use> <use xlink:href="#${window.siyuan.config.uiLayout.hideDock ? "iconDock" : "iconHideDock"}"></use>
</svg> </svg>
<div class="b3-menu" style="bottom: 21px;left: 4px"> <div class="b3-menu fn__none" style="bottom: 21px;left: 4px">
${menuHTML} ${menuHTML}
</div> </div>
</div> </div>
@ -184,6 +184,13 @@ const initStatus = () => {
<div id="barHelp" class="toolbar__item b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.help}"> <div id="barHelp" class="toolbar__item b3-tooltips b3-tooltips__nw" aria-label="${window.siyuan.languages.help}">
<svg><use xlink:href="#iconHelp"></use></svg> <svg><use xlink:href="#iconHelp"></use></svg>
</div>`; </div>`;
const dockElement = document.getElementById("barDock");
dockElement.addEventListener("mouseenter", () => {
dockElement.querySelector(".b3-menu").classList.remove("fn__none");
});
dockElement.addEventListener("mouseleave", () => {
dockElement.querySelector(".b3-menu").classList.add("fn__none");
});
document.querySelector("#status").addEventListener("click", (event) => { document.querySelector("#status").addEventListener("click", (event) => {
let target = event.target as HTMLElement; let target = event.target as HTMLElement;
while (target.id !== "status") { while (target.id !== "status") {
@ -209,6 +216,7 @@ const initStatus = () => {
} }
}); });
resizeTabs(); resizeTabs();
target.querySelector(".b3-menu").classList.add("fn__none")
event.stopPropagation(); event.stopPropagation();
break; break;
} else if (target.id === "barSync") { } else if (target.id === "barSync") {
@ -235,10 +243,7 @@ const initStatus = () => {
wysiwygElement.blur(); wysiwygElement.blur();
} }
} }
target.parentElement.style.display = "none"; target.parentElement.classList.add("fn__none");
setTimeout(() => {
target.parentElement.style.display = "";
}, Constants.TIMEOUT_BLOCKLOAD);
event.stopPropagation(); event.stopPropagation();
break; break;
} else if (target.id === "barLock") { } else if (target.id === "barLock") {