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

🎨 fix https://github.com/siyuan-note/siyuan/issues/10478

Browse source
This commit is contained in:
Vanessa 2024-03-01 23:02:04 +08:00
parent 1c6594f073
commit 11feb97194
4 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/src/assets/scss/business/_av.scss
View file

@ -57,6 +57,13 @@
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
content: attr(data-tip); content: attr(data-tip);
} }
&--hide {
width: 0.1px;
overflow: hidden;
height: 0;
min-height: 0.1px !important;
}
} }
&__counter { &__counter {

4
app/src/protyle/render/av/filter.ts
View file

@ -348,7 +348,7 @@ export const setFilter = async (options: {
<div class="fn__size200"> <div class="fn__size200">
<select class="b3-select fn__block" data-type="dataType"> <select class="b3-select fn__block" data-type="dataType">
<option value="time"${!options.filter.relativeDate ? " selected" : ""}>${window.siyuan.languages.includeTime}</option> <option value="time"${!options.filter.relativeDate ? " selected" : ""}>${window.siyuan.languages.includeTime}</option>
<option value="custom"${options.filter.relativeDate ? " selected" : ""}>${window.siyuan.languages.custom}</option> <option value="custom"${options.filter.relativeDate ? " selected" : ""}>${window.siyuan.languages.relativeToToday}</option>
</select> </select>
</div> </div>
<div class="fn__hr"></div> <div class="fn__hr"></div>
@ -378,7 +378,7 @@ export const setFilter = async (options: {
<div class="fn__size200"> <div class="fn__size200">
<select class="b3-select fn__block" data-type="dataType"> <select class="b3-select fn__block" data-type="dataType">
<option value="time"${!options.filter.relativeDate2 ? " selected" : ""}>${window.siyuan.languages.includeTime}</option> <option value="time"${!options.filter.relativeDate2 ? " selected" : ""}>${window.siyuan.languages.includeTime}</option>
<option value="custom"${options.filter.relativeDate2 ? " selected" : ""}>${window.siyuan.languages.custom}</option> <option value="custom"${options.filter.relativeDate2 ? " selected" : ""}>${window.siyuan.languages.relativeToToday}</option>
</select> </select>
</div> </div>
<div class="fn__hr"></div> <div class="fn__hr"></div>

3
app/src/protyle/render/av/openMenuPanel.ts
View file

@ -663,6 +663,7 @@ export const openMenuPanel = (options: {
id: data.viewID, id: data.viewID,
data: false data: false
}]); }]);
options.blockElement.querySelector(".av__title").classList.add("av__title--hide");
} else { } else {
transaction(options.protyle, [{ transaction(options.protyle, [{
action: "hideAttrViewName", action: "hideAttrViewName",
@ -675,8 +676,8 @@ export const openMenuPanel = (options: {
id: data.viewID, id: data.viewID,
data: true data: true
}]); }]);
options.blockElement.querySelector(".av__title").classList.remove("av__title--hide");
} }
options.blockElement.querySelector(".av__title").classList.add("fn__none");
avPanelElement.remove(); avPanelElement.remove();
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();

6
app/src/protyle/render/av/render.ts
View file

@ -155,7 +155,9 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value)}</div>`;
${item.icon ? unicode2Emoji(item.icon, "item__graphic", true) : '<svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>'} ${item.icon ? unicode2Emoji(item.icon, "item__graphic", true) : '<svg class="item__graphic"><use xlink:href="#iconTable"></use></svg>'}
<span class="item__text">${item.name}</span> <span class="item__text">${item.name}</span>
</div>`; </div>`;
viewData = item; if (item.id === response.data.viewID) {
viewData = item;
}
}); });
e.firstElementChild.outerHTML = `<div class="av__container" style="--av-background:${e.style.backgroundColor || "var(--b3-theme-background)"}"> e.firstElementChild.outerHTML = `<div class="av__container" style="--av-background:${e.style.backgroundColor || "var(--b3-theme-background)"}">
<div class="av__header"> <div class="av__header">
@ -194,7 +196,7 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value)}</div>`;
${response.data.isMirror ? ` <span class="block__icon block__icon--show ariaLabel" aria-label="${window.siyuan.languages.mirrorTip}"> ${response.data.isMirror ? ` <span class="block__icon block__icon--show ariaLabel" aria-label="${window.siyuan.languages.mirrorTip}">
<svg><use xlink:href="#iconSplitLR"></use></svg></span><div class="fn__space"></div>` : ""} <svg><use xlink:href="#iconSplitLR"></use></svg></span><div class="fn__space"></div>` : ""}
</div> </div>
<div contenteditable="${protyle.disabled ? "false" : "true"}" spellcheck="${window.siyuan.config.editor.spellcheck.toString()}" class="av__title${viewData.hideAttrViewName ? " fn__none" : ""}" data-title="${response.data.name || ""}" data-tip="${window.siyuan.languages.title}">${response.data.name || ""}</div> <div contenteditable="${protyle.disabled ? "false" : "true"}" spellcheck="${window.siyuan.config.editor.spellcheck.toString()}" class="av__title${viewData.hideAttrViewName ? " av__title--hide" : ""}" data-title="${response.data.name || ""}" data-tip="${window.siyuan.languages.title}">${response.data.name || ""}</div>
<div class="av__counter fn__none"></div> <div class="av__counter fn__none"></div>
</div> </div>
<div class="av__scroll"> <div class="av__scroll">