Vanessa 2023-06-26 00:39:38 +08:00
parent 6d5f9e314a
commit fc757599ac
3 changed files with 8 additions and 5 deletions

View file

@ -173,7 +173,9 @@ html {
flex-shrink: 0; flex-shrink: 0;
cursor: pointer; cursor: pointer;
color: var(--b3-toolbar-color); color: var(--b3-toolbar-color);
padding: 9px; padding: 5px;
margin: 2px;
border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
transition: var(--b3-transition); transition: var(--b3-transition);
display: flex; display: flex;
@ -181,6 +183,7 @@ html {
background-color: transparent; background-color: transparent;
border: 0; border: 0;
line-height: 13.5px; line-height: 13.5px;
height: 23.5px;
&:not(.toolbar__item--disabled):not(.toolbar__item--close):hover, &:not(.toolbar__item--disabled):not(.toolbar__item--close):hover,
&--active { &--active {

View file

@ -41,7 +41,7 @@ export abstract class Constants {
// size // size
public static readonly SIZE_LINK_TEXT_MAX: number = 24; public static readonly SIZE_LINK_TEXT_MAX: number = 24;
public static readonly SIZE_TOOLBAR_HEIGHT: number = isMobile() ? 0 : 32; public static readonly SIZE_TOOLBAR_HEIGHT: number = isMobile() ? 0 : 28;
public static readonly SIZE_GET_MAX = 102400; public static readonly SIZE_GET_MAX = 102400;
public static readonly SIZE_UNDO = 64; public static readonly SIZE_UNDO = 64;
public static readonly SIZE_TITLE = 512; public static readonly SIZE_TITLE = 512;

View file

@ -37,17 +37,17 @@ export const updateEditModeElement = () => {
export const initBar = (app: App) => { export const initBar = (app: App) => {
const toolbarElement = document.getElementById("toolbar"); const toolbarElement = document.getElementById("toolbar");
toolbarElement.innerHTML = ` toolbarElement.innerHTML = `
<div id="barWorkspace" class="toolbar__item"> <div id="barWorkspace" class="toolbar__item toolbar__item--active">
<span class="toolbar__text">${getWorkspaceName()}</span> <span class="toolbar__text">${getWorkspaceName()}</span>
<svg class="toolbar__svg"><use xlink:href="#iconDown"></use></svg> <svg class="toolbar__svg"><use xlink:href="#iconDown"></use></svg>
</div> </div>
<div id="barSync" data-position="top" data-type="a" class="toolbar__item${window.siyuan.config.readonly ? " fn__none" : ""}"> <div id="barSync" data-position="top" data-type="a" class="toolbar__item${window.siyuan.config.readonly ? " fn__none" : ""}">
<svg><use xlink:href="#iconCloudSucc"></use></svg> <svg><use xlink:href="#iconCloudSucc"></use></svg>
</div> </div>
<button id="barBack" data-menu="true" class="toolbar__item toolbar__item--disabled b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.goBack} ${updateHotkeyTip(window.siyuan.config.keymap.general.goBack.custom)}"> <button id="barBack" data-type="a" class="toolbar__item toolbar__item--disabled" aria-label="${window.siyuan.languages.goBack} ${updateHotkeyTip(window.siyuan.config.keymap.general.goBack.custom)}">
<svg><use xlink:href="#iconBack"></use></svg> <svg><use xlink:href="#iconBack"></use></svg>
</button> </button>
<button id="barForward" data-menu="true" class="toolbar__item toolbar__item--disabled b3-tooltips b3-tooltips__se" aria-label="${window.siyuan.languages.goForward} ${updateHotkeyTip(window.siyuan.config.keymap.general.goForward.custom)}"> <button id="barForward" data-type="a" class="toolbar__item toolbar__item--disabled" aria-label="${window.siyuan.languages.goForward} ${updateHotkeyTip(window.siyuan.config.keymap.general.goForward.custom)}">
<svg><use xlink:href="#iconForward"></use></svg> <svg><use xlink:href="#iconForward"></use></svg>
</button> </button>
<div class="fn__flex-1 fn__ellipsis" id="drag"><span class="fn__none">使 Development version, please backup before use</span></div> <div class="fn__flex-1 fn__ellipsis" id="drag"><span class="fn__none">使 Development version, please backup before use</span></div>