This commit is contained in:
Vanessa 2023-07-05 19:18:52 +08:00
parent d1a1af9033
commit e1f712e715
3 changed files with 37 additions and 18 deletions

View file

@ -30,27 +30,38 @@
}
}
&__panel {
& > .b3-tab-bar {
user-select: none;
width: 200px;
overflow: auto;
padding: 8px 0;
box-sizing: border-box;
&__panel > .b3-tab-bar {
user-select: none;
width: 240px;
overflow: auto;
padding: 8px 0;
box-sizing: border-box;
.b3-form__icon {
margin: 0 8px 8px;
}
.config__tab-hr {
margin: 16px 0;
background: var(--b3-border-color);
height: 1px;
}
.b3-list-item {
line-height: 38px;
.config__tab-title {
display: flex;
align-items: center;
height: 40px;
padding: 0 12px;
}
&__graphic {
margin-right: 0;
padding: 0 10px 0 5px;
height: 16px;
width: 16px;
}
.b3-form__icon {
margin: 0 8px 8px;
}
.b3-list-item {
line-height: 38px;
&__graphic {
margin-right: 0;
padding: 0 10px 0 5px;
height: 16px;
width: 16px;
}
}
}

View file

@ -95,7 +95,12 @@ export const openSetting = (app: App) => {
const dialog = new Dialog({
content: `<div class="fn__flex-1 fn__flex config__panel" style="overflow: hidden;position: relative">
<ul class="b3-tab-bar b3-list b3-list--background">
<div class="config__tab-title">
<svg class="b3-list-item__graphic"><use xlink:href="#iconSettings"></use></svg>
<span class="b3-list-item__text">${window.siyuan.languages.config}</span>
</div>
<div class="b3-form__icon"><svg class="b3-form__icon-icon"><use xlink:href="#iconSearch"></use></svg><input placeholder="${window.siyuan.languages.search}" class="b3-text-field fn__block b3-form__icon-input"></div>
<div class="config__tab-hr"></div>
<li data-name="editor" class="b3-list-item--focus b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconEdit"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.editor}</span></li>
<li data-name="filetree" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconFiles"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.fileTree}</span></li>
<li data-name="card" class="b3-list-item"><svg class="b3-list-item__graphic"><use xlink:href="#iconRiffCard"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.riffCard}</span></li>

View file

@ -83,6 +83,9 @@ export const showMessage = (message: string, timeout = 6000, type = "info", mess
export const hideMessage = (id?: string) => {
const messagesElement = document.getElementById("message").firstElementChild;
if (!messagesElement) {
return;
}
if (id) {
const messageElement = messagesElement.querySelector(`[data-id="${id}"]`);
if (messageElement) {